-
鼠标滑动实时显示坐标方位的特效
所属栏目:[交互] 日期:2018-08-24 热度:172
烈火网(LieHuo.Net)教程 从今天开始,烈火网网页教程发布一些关于鼠标的特效,本文是《鼠标滑动实时显示坐标方位的特效》,我们直接看实例代码。 htmlheadtitle鼠标滑动实时显示坐标方位-LIEHUO.NET/titlemeta http-equiv=Content-Type content=text/html;[详细]
-
jQuery 给append增加事件,复制网页内容
所属栏目:[交互] 日期:2018-08-21 热度:76
jQuery 复制网页指定标签的内容,给append的内容增加事件,点击一下按钮,会自动复制相关内容,请认真看代码里的注释,必须紧跟在append后面 的同一个函数里面。本例为jQuery爱好者提供学习依据。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
随滚动条滚动的在线客服代码,居网页右侧
所属栏目:[交互] 日期:2018-08-21 热度:63
随滚动条滚动的在线客服代码,类似一些软件中的侧边工具条,位于网页右侧,以小图标的形式展示出来,小图标主要功能分别是:1.返回主页 2.加入收藏 3.邮件 4.QQ客服 5.MSN客服 6.旺旺客服 7.返回顶部 源代码下载:http://www.veryhuo.com/down/html/30072.[详细]
-
一个炫酷的鼠标跟随、环绕特效,网页黑色背景
所属栏目:[交互] 日期:2018-08-21 热度:76
一个用 Java Script写的挺漂亮的鼠标跟随、环绕鼠标的圆形效果,其实严格来讲不是标准的鼠标跟随,过了年回来写的第一个效果,有点烟花的味道,也算是过了年有感而发吧,奉送给JS的各位达人们。 演示: htmlheadtitlefollow mouse/titlestyle type=text/cs[详细]
-
Js 结合 Cookies 完成访客统计记录,累计并保存
所属栏目:[交互] 日期:2018-08-21 热度:107
Js 结合 Cookies 完成访客统计记录,累计并保存。记录是第几次来访,显示的信息有:您的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。 小提示:首次运行需输入您的来访姓名,例如:烈火网 演示代码: htmlheadtitle记录客户信息/titlescr[详细]
-
动态的光照特效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 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]