-
VML 技术绘出一个红色椭圆形
所属栏目：[交互] 日期：2018-09-06 热度：195
以前，烈火曾经发表过VML绘制梅花、绘制曲线等网页特效，今天再来同大家探讨一个比较简单的VML特效，实现一个红色椭圆形。 关于VML的介绍，请参照烈火百科：http://baike.liehuo.net/doc-view-8894.html 效果如下： html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度，并赋值到其style样式中
所属栏目：[交互] 日期：2018-09-06 热度：97
JS获取DIV动态高度，并赋值到其style样式中，用javaScript Alert弹出对话框，告之值的多少。 演示效果如下： headmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleJS获取DIV动态高度，并赋值到其style样式中 - 烈火学院 Liehuo.Net[详细]
-
IE浏览器窗口震动,类似QQ窗口抖动,js代码
所属栏目：[交互] 日期：2018-09-06 热度：136
Java Script使浏览器窗口疯狂振动，有意思吧，像QQ聊天窗口一样疯狂的抖动几下，本效果仅在IE下有效。 演示： htmlheadtitle振动的窗口/title/headbodyscript language=javascript!--function shake(){for (i = 10; i 0; i--){for (j = 5; j 0; j--){windo[详细]
-
js实现IE浏览器窗口在指定位置打开
所属栏目：[交互] 日期：2018-09-06 热度：65
Java Script指定打开浏览器窗口的位置，大家会发现，在浏览有些网站的时候，打开一个新窗口会默认显示在屏幕的某个位置上，以至于不遮挡下层网页的内容，其实实现这一功能，只需一行代码就行了，具体请看下边代码区的代码。 注意：本效果仅在 IE浏览器 下[详细]
-
仿淘宝智能浮动的工具条,基于jQuery实现
所属栏目：[交互] 日期：2018-09-06 热度：65
烈73火87网(LieHuo36.Net)网页特效教12程 仿淘宝智能浮动的工具条，基于 jQuery 实现，智能判断滚动条是否移动到了页面的最顶部，如果是，则浮动至最顶部，以至于不受滚动条的影响；当滚动条滚回来的时候，它同样为判断是否滚到了自己原来的默认位置，如果[详细]
-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目：[交互] 日期：2018-09-06 热度：102
Java script模拟引力环境下的撞击、摩擦、落体 运动 ，摩擦，碰撞的消耗并没有按公式进行计算，纯属于杜撰，是不符合规律的，仅仅是模拟，希望同行们多切磋，共同探讨。 演示效果如下： htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目：[交互] 日期：2018-09-02 热度：104
一款网页底部的浮动条效果，跟随滚动条。在IE与 火狐浏览器 下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。 原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目：[交互] 日期：2018-09-01 热度：205
jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目：[交互] 日期：2018-09-01 热度：63
用VML在网页上画正弦和余弦曲线，这里使用polyLine和arrow两个函数分别画折线和箭头，两个基本的元素绘画完成，整条曲线也就很容易的就出现了。 关于VML的百科介绍：http://baike.liehuo.net/doc-view-8894.html 文章回顾： 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 模拟雷达扫描的网页效果
所属栏目：[交互] 日期：2018-08-20 热度：106
Java Script 模拟雷达扫描的网页效果，屏幕上有一个小亮点，慢慢地移动，那就是飞机了...... 背景光圈采用JPG格式图片，雷达扫描线用javaScript实现，代码可参考性强，特别在编写网页游戏的时候，我们可以借鉴这些代码。 演示： HTMLHEADTITLE雷达扫描效果[详细]
-
JavaScript 实现三维变色镜效果代码
所属栏目：[交互] 日期：2018-08-19 热度：219
Java Script 实现三维变色镜效果代码，注意哦！本效果需要启用DirectAnimation库，请升级到最新版的JavaScript脚本库，要不然看不到效果哦。 一个方框从图的左边扫描到图的右边,所到之处,颜色变化. 这个动画依然是用文字特效来完成,效果的连贯性更胜于Gif[详细]
-
始终位于网页底部的公告条，可关闭，jQuery版
所属栏目：[交互] 日期：2018-08-19 热度：112
本文介绍的是一款始终位于网页底部的公告条（栏），在这个浮动的公告层中，我们可以加入普通文字，也可以加入滚动的文字，始终跟随网页滚动位于网页尾部。什么，你是问能不能关闭吗？当然，可关闭！本特效使用 jQuery 框架，你觉得会很差吗？试试看吧，关[详细]
-
Js实现网页上拖动滑块选择范围的插件代码
所属栏目：[交互] 日期：2018-08-19 热度：129
Js实现网页上拖动滑块选择范围的插件代码，在网页放置一个带标尺的滑块，用鼠标拖动滑块可选择数值的范围，一个人性化的应用，代码关键处有注释，请认真参阅。本效果在IE6/7/8、火狐（firefox）下测试通过，兼容性非常不错，欢迎使用。 演示： !DOCTYPE ht[详细]
-
跟随鼠标的网页小宠物，始终保持一定距离
所属栏目：[交互] 日期：2018-08-19 热度：94
跟随鼠标的网页小宠物，始终与鼠标保持一定距离，感觉非常有意思，其实这里的小宠物也可以是其它图片，原理是 Java Script利用鼠标相关的函数，将图片控制在鼠标周围，非常不错的小代码，放在个人博客很不错。 小提示：鼠标不要移动的太快哦，否则小宠物会[详细]
-
跟随鼠标并呈圆形旋转散开的小花特效代码
所属栏目：[交互] 日期：2018-08-19 热度：141
跟随鼠标并呈圆形旋转散开的小花特效代码，一个比较老的特效代码了，烈火小编在网上收集来的，可能有的童鞋早就见过，适合在个人主页上使用，打开网页时，会看到鼠标周围有不断旋转的小花，然后迅速消散的无影无踪。 想知道是什么效果吗，赶紧点击下边的运[详细]
-
鼠标轨迹模拟效果，JavaScript图片跟随鼠标代码
所属栏目：[交互] 日期：2018-08-19 热度：83
鼠标轨迹模拟效果， Java Script图片跟随鼠标代码。当我们移动鼠标的时候，从第一个始点到终点间可用图片模拟出来，就像是带拖影的图片特效，不明白意思的是，可先运行一下看效果。 演示： htmlheadmeta http-equiv=Content-Type content=text/html; chars[详细]
-
跟随鼠标的小球，有弹性围绕鼠标“扯蛋”效果
所属栏目：[交互] 日期：2018-08-19 热度：149
跟随鼠标的小球，有弹性围绕鼠标扯蛋效果，看标题挺有意思吧，呵呵。烈火小编给这个特效取名为鼠标扯蛋效果，如果想知道是什么样的，就赶紧点击下边的运行代码按钮吧，运行后，如果不能立即显示效果，请单击网页任意空白处即可。 小提示：可将此代码用在自[详细]
-
网页顶部下垂的浮动条,有缓冲效果,可关闭
所属栏目：[交互] 日期：2018-08-19 热度：90
网页顶部下垂的浮动条,有缓冲效果,可关闭。该特效可以放网站公告，或一些导航菜单，比较醒目，当有人访问网站时，导航条徐徐的降下，不需要的时候可以关闭，跟IE默认的阻止弹窗的工具条有点相似，推荐使用！ 演示： !DOCTYPE html PUBLIC -//W3C//DTD XHTM[详细]
-
JavaScript 递归算法计算阶乘代码
所属栏目：[交互] 日期：2018-08-19 热度：195
使用 Java Script中的递归算法计算阶乘，初学编程时候，这是很常见的小例子，比较一下，JS中的计算方法与其有何异同。 演示： htmlheadmeta http-equiv=content-type content=text/html; charset=GB2312 /title递归算法计算阶乘/title/headbody style=over[详细]
-
实例解析「交互设计七大定律」在设计中的应用（下篇）
所属栏目：[交互] 日期：2018-08-08 热度：124
副标题#e# 注：上篇内容中（详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用（上篇）》）笔者介绍了「交互设计七大定律」的前五个，接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律（Tesler’s Law ） 1[详细]
-
旅行青蛙、跳一跳，为什么这些游戏可以刷屏？
所属栏目：[交互] 日期：2018-08-08 热度：238
副标题#e# 注：不是你发了 10 次、 100 次内容的机械式无意义的刷屏，而是能够触动用户的情绪，自然而然形成刷屏行为，这才有意义。 这几天，一个日本游戏《旅行青蛙》刷屏了中国人的社交圈，一个人看书、吃饭、睡觉、旅行的青蛙， 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程，谈用户尊重
所属栏目：[交互] 日期：2018-08-08 热度：115
张小龙在 2018 微信公开课上讲到，微信新注册用户收到微信团队发出的一段话，称呼用的是「你」，而不是「您」。在他讲这个之前，我丝毫没有注意到微信有做到这个细节，知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户，因为产品提供者[详细]
-
恐怖，你的这些无意识行为被营销利用得如此彻底
所属栏目：[交互] 日期：2018-08-07 热度：151
副标题#e# 作者：Eva 来源：营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分，按照叫兽给出的十一大痛点文案模板，你的文案水平几乎可以大踏步上一个台阶，句句戳中痛点。但是伴随着市面上痛点文案的大肆使用，一股反“扎心”风潮也席卷而[详细]
-
从一瓶防脱洗发水说起 快消品如何在不同阶段做内容营销？
所属栏目：[交互] 日期：2018-08-07 热度：151
副标题#e# 买买买从来不是一个简单的剁手行为，营销人早就总结出了一套“消费者购买决策模型”，在这个模型中，人们买东西一般会经历这五个阶段： 问题认知、信息搜索、方案评估、购买决策、购后行为。 这是环环相扣的过程，每一步都能影响到最终下单。理论[详细]
-
AR广告弯道超车，成为今年最热门
所属栏目：[交互] 日期：2018-08-07 热度：168
最初简单的文字、图片渲染，到如今的动态视频、AR/VR广告，广告形式正在变得更具渲染力。其中，VR和AR广告能在极短的时间内吸引观众的注意力，卓越的转化效果让传统广告望尘莫及。早在 2016 年，宝马就曾携手美国新生代超模Gigi为宝马M2 拍摄VR广告，广告[详细]
