-
动态的光照特效JS代码,四种光效反复循环
所属栏目:[交互] 日期:2018-08-21 热度:86
动态的光照特效, Java Script代码,请在图上单击鼠标,使用了光效滤镜。每次在图上单击鼠标,就会加一种光效,移动鼠标,光柱还能跟随变动,浏览器要求为IE4.0以上。具备四种光效反复循环等。 演示代码: HTMLHEADTITLEDynamic Lighting Effects with DHTM[详细]
-
JavaScript 模拟雷达扫描的网页效果
所属栏目:[交互] 日期:2018-08-21 热度:60
Java Script 模拟雷达扫描的网页效果,屏幕上有一个小亮点,慢慢地移动,那就是飞机了...... 背景光圈采用JPG格式图片,雷达扫描线用javaScript实现,代码可参考性强,特别在编写网页游戏的时候,我们可以借鉴这些代码。 演示: HTMLHEADTITLE雷达扫描效果[详细]
-
JavaScript 实现三维变色镜效果代码
所属栏目:[交互] 日期:2018-08-21 热度:183
Java Script 实现三维变色镜效果代码,注意哦!本效果需要启用DirectAnimation库,请升级到最新版的JavaScript脚本库,要不然看不到效果哦。 一个方框从图的左边扫描到图的右边,所到之处,颜色变化. 这个动画依然是用文字特效来完成,效果的连贯性更胜于Gif[详细]
-
始终位于网页底部的公告条,可关闭,jQuery版
所属栏目:[交互] 日期:2018-08-21 热度:186
本文介绍的是一款始终位于网页底部的公告条(栏),在这个浮动的公告层中,我们可以加入普通文字,也可以加入滚动的文字,始终跟随网页滚动位于网页尾部。什么,你是问能不能关闭吗?当然,可关闭!本特效使用 jQuery 框架,你觉得会很差吗?试试看吧,关[详细]
-
Js实现网页上拖动滑块选择范围的插件代码
所属栏目:[交互] 日期:2018-08-21 热度:167
Js实现网页上拖动滑块选择范围的插件代码,在网页放置一个带标尺的滑块,用鼠标拖动滑块可选择数值的范围,一个人性化的应用,代码关键处有注释,请认真参阅。本效果在IE6/7/8、火狐(firefox)下测试通过,兼容性非常不错,欢迎使用。 演示: !DOCTYPE ht[详细]
-
跟随鼠标的网页小宠物,始终保持一定距离
所属栏目:[交互] 日期:2018-08-21 热度:152
跟随鼠标的网页小宠物,始终与鼠标保持一定距离,感觉非常有意思,其实这里的小宠物也可以是其它图片,原理是 Java Script利用鼠标相关的函数,将图片控制在鼠标周围,非常不错的小代码,放在个人博客很不错。 小提示:鼠标不要移动的太快哦,否则小宠物会[详细]
-
网页元素onmouseover实现鼠标响应图片变换
所属栏目:[交互] 日期:2018-08-18 热度:156
在刚刚看过JS响应鼠标变换图片并增加链接的特效之后,我们再来看一下简单的图片变换,这里只用到了A标记中的onmouseover属性,当我们把鼠标指向图片时,onmouseover就发挥作用了,这里图片改换为另一张,比较基础的HTML网页例子,高手不要见笑。 示例: !D[详细]
-
JavaScript随机数排序(冒泡排序)代码
所属栏目:[交互] 日期:2018-08-18 热度:178
说到JS冒泡,小编非常有印象,烈火网很久以前就在一些技术博客、前端论坛转载过这样的文章,我们先来《JavaScript 事件冒泡简介及应用实例》,再来看一下两种JS冒泡的示例(代码一、代码二)终于回来了,今天还是要看这一类的例子,我们一起来学习吧。 示[详细]
-
jQuery层次选择器,网页多元素选择器代码
所属栏目:[交互] 日期:2018-08-18 热度:136
jQuery 层次选择器,网页多元素选择器代码。其中JS代码段是辅助例子,用于实现自动重置和给元素添加动画。例子允许你选择 body内的所有div元素、选择 所有class为one 的下一个div元素、选择 id为two的元素后面的所有div兄弟元素等。 为解决一些网页特效运[详细]
-
jQuery添加事件、移除事件实例代码
所属栏目:[交互] 日期:2018-08-18 热度:134
jQuery 添加事件、移除事件实例代码,在本例中,jQuery创建了多个事件,绑定到函数,演示了如何删除指定的事件,在本例中是删除第二个事件,供初学者参考。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示[详细]
-
jQuery与JavaScript加载图片的时间对比
所属栏目:[交互] 日期:2018-08-18 热度:80
jQuery 是一款近年来推出的优秀JS框架,它比普通的 Java Script在使用上要方便、灵活、强大的很多,本文就以jQuery和普通JS加载图片的时间来对比一下它们之间的差距,分别使用了jQuery的ready() 与JavaScript的window.onload两个变量。 为解决一些网页特效[详细]
-
JS模拟球落地、碰撞,用力扔出去弹来弹去
所属栏目:[交互] 日期:2018-08-18 热度:101
JS模拟球落地、碰撞,用力扔出去弹来弹去, Java Script结合图片完成的代码,随便拖到一个浏览器试试,就像跳跳球一样的效果,鼠标碰到某个浏览器的图标后,图标就会落下来。 这个效果让我们想起烈火网以前发表的《跟随鼠标的小球,有弹性围绕鼠标扯蛋效果[详细]
-
jQuery 回圈加图进网页,转自经典论坛
所属栏目:[交互] 日期:2018-08-18 热度:180
jQuery 回圈加图进网页,用循环控制输入图片,不能用HTML方法。你可以试下,HTML是替换元素内的内容 每次都会把原来的清楚再添加新的 自然只会只有一个。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。[详细]
-
JS网页烟花效果,可手动、自动和停止播放烟花
所属栏目:[交互] 日期:2018-08-18 热度:172
Java Script自动放烟花效果,可以手动放烟花、自动放烟花,由于浏览器渲染能力有限, 当浏览器为IE或选择自动放烟花时, 随机生成的烟花碎片范围自动调整至20-30,建议使用 Firefox , Chrome 浏览器预览效果。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3[详细]
-
JavaScript 的事件冒泡 demo 示例
所属栏目:[交互] 日期:2018-08-17 热度:117
Java Script 的事件冒泡 demo 示例,如果你还不理解JavaScript的事件冒泡往下看: 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/x[详细]
-
JS实现类似表盘的圆环,虚线转动,自动变大变小
所属栏目:[交互] 日期:2018-08-17 热度:135
Java Script结合Css实现的一个类似表盘的圆环,外边为虚线的会转动的圆圈,在转动的过程中,循环自动变大变小,没有实际应用的意义,不过对于学习JS来说,是一个不错的例子。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadstyle#div1[详细]
-
预测:2018全球移动营销7大趋势
所属栏目:[交互] 日期:2018-04-16 热度:104
市场瞬息万变,唯变化永恒。2017年的全球移动营销市场,依旧风起云涌。这一年,全球移动互联网广告市场规模突破千亿美元,在维持高速增长态势的同时,也逐渐呈现出多元化的发展形态。而中国市场,在早期的流量红利消耗殆尽后,已由增量市场转为存量市场,[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-04-16 热度:179
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-04-14 热度:195
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
-
旅行青蛙、跳一跳,为什么这些游戏可以刷屏?
所属栏目:[交互] 日期:2018-04-14 热度:78
副标题#e# 注:不是你发了 10 次、 100 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程,谈用户尊重
所属栏目:[交互] 日期:2018-04-14 热度:115
张小龙在 2018 微信公开课上讲到,微信新注册用户收到微信团队发出的一段话,称呼用的是「你」,而不是「您」。在他讲这个之前,我丝毫没有注意到微信有做到这个细节,知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户,因为产品提供者[详细]
-
恐怖,你的这些无意识行为被营销利用得如此彻底
所属栏目:[交互] 日期:2018-04-14 热度:160
副标题#e# 作者:Eva 来源:营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分,按照叫兽给出的十一大痛点文案模板,你的文案水平几乎可以大踏步上一个台阶,句句戳中痛点。但是伴随着市面上痛点文案的大肆使用,一股反“扎心”风潮也席卷而[详细]
-
我是如何成功的把一家淘宝店铺给作死
所属栏目:[交互] 日期:2018-04-14 热度:61
推荐 | 张涛 现在这个社会,都在鼓吹如何才能成功,却忽略了成功的不可控因素太多。个人建议不妨看看别人如何失败,起码我们知道了哪条路不对,可以少走一些弯路。 记得以前在微博上有个电商大V组织了一个话题活动:三句话写出自己的简历。我记得有个人这[详细]
-
从一瓶防脱洗发水说起 快消品如何在不同阶段做内容营销?
所属栏目:[交互] 日期:2018-04-14 热度:50
副标题#e# 买买买从来不是一个简单的剁手行为,营销人早就总结出了一套“消费者购买决策模型”,在这个模型中,人们买东西一般会经历这五个阶段: 问题认知、信息搜索、方案评估、购买决策、购后行为。 这是环环相扣的过程,每一步都能影响到最终下单。理论[详细]
-
AR广告弯道超车,成为今年最热门
所属栏目:[交互] 日期:2018-04-14 热度:155
最初简单的文字、图片渲染,到如今的动态视频、AR/VR广告,广告形式正在变得更具渲染力。其中,VR和AR广告能在极短的时间内吸引观众的注意力,卓越的转化效果让传统广告望尘莫及。早在 2016 年,宝马就曾携手美国新生代超模Gigi为宝马M2 拍摄VR广告,广告[详细]