-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-26 热度:119
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-26 热度:129
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-08-22 热度:126
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-08-22 热度:182
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目:[交互] 日期:2018-08-22 热度:184
最近一段时间,谷歌可谓是折腾了又折腾,就拿昨天的跳转事件来说吧,可把媒体忙活的不清,先是执行了跳转,然后又爆出不再跳转,申请牌照,尔后的时间又出现了奇迹:传谷歌中国获得ICP牌照续期,Google.CN重新回到中国,不再跳转香港了,烈火也忙了半天,[详细]
-
判断是否IE6,如果是则提示升级浏览器
所属栏目:[交互] 日期:2018-08-22 热度:70
一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。 回顾: 以前的教程,烈火曾经提到判断IE6的方法,例如: javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目:[交互] 日期:2018-08-22 热度:136
用js代码作画,你想过没有?我们知道js编写游戏,在以前的文章中,有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等,今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果,你就知道了,这可不是一幅画,这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目:[交互] 日期:2018-08-22 热度:116
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果,这是烈火发表的第一篇关于模块可拖拽的网页特效,一直以来这种效果都非常流行,尤其作为网址导航或个性首页都在使用这个效果,现在在使用的最著名就是iGoolge主页,还正在采用这种模式,[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目:[交互] 日期:2018-08-22 热度:68
今天烈火给大家介绍的是一个特殊的网页特效,在本特效中要用到VML,在文中,作者使用VML在网页上绘制了一幅梅花图,尤其对于VML爱好者来说,可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
JS编写透明度渐变、位置移动等多个函数
所属栏目:[交互] 日期:2018-08-22 热度:170
JS封装一个透明度渐变、尺寸变化、位置移动函数 这三个函数适用于以下情况: 1、在做前端页面时,只需要简单的动画效果,不想引入整个动画类,使用本函数。 2、在写js类时,需要用到简单的动画,为了降低藕合性,使用本函数。 查看演示: !DOCTYPE HTML PU[详细]
-
类似HAO123.COM的多个搜索引擎跳转效果
所属栏目:[交互] 日期:2018-08-22 热度:123
烈火网(LieHuo.Net)网页特效 前几天,有朋友咨询hao123.com网址首页的多个搜索引擎搜索跳转效果是如何实现的,烈火告诉他,这是利用JS代码,就如同烈火上网导航(访问)的多搜索一样,没有去hao123把代码扣下来,小编在网上找到一款代码,不过本代码与它的[详细]
-
JavaScript实现地图控制上下左右的移动
所属栏目:[交互] 日期:2018-08-22 热度:149
烈火网(LieHuo.Net)网页特效教程:本文介绍的是 Java Script编程实现地图上下左右的移动控制代码,比较不错,现在的地图网站很多,类似这种的特效也有很多,这是其中这一,写的很不错,用尽可能少的代码解决实际问题,各位读者不仿借鉴一下。欢迎对烈火的[详细]
-
jQuery 给append增加事件,复制网页内容
所属栏目:[交互] 日期:2018-08-19 热度:181
jQuery 复制网页指定标签的内容,给append的内容增加事件,点击一下按钮,会自动复制相关内容,请认真看代码里的注释,必须紧跟在append后面 的同一个函数里面。本例为jQuery爱好者提供学习依据。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需[详细]
-
随滚动条滚动的在线客服代码,居网页右侧
所属栏目:[交互] 日期:2018-08-19 热度:56
随滚动条滚动的在线客服代码,类似一些软件中的侧边工具条,位于网页右侧,以小图标的形式展示出来,小图标主要功能分别是:1.返回主页 2.加入收藏 3.邮件 4.QQ客服 5.MSN客服 6.旺旺客服 7.返回顶部 源代码下载:http://www.veryhuo.com/down/html/30072.[详细]
-
一个炫酷的鼠标跟随、环绕特效,网页黑色背景
所属栏目:[交互] 日期:2018-08-19 热度:199
一个用 Java Script写的挺漂亮的鼠标跟随、环绕鼠标的圆形效果,其实严格来讲不是标准的鼠标跟随,过了年回来写的第一个效果,有点烟花的味道,也算是过了年有感而发吧,奉送给JS的各位达人们。 演示: htmlheadtitlefollow mouse/titlestyle type=text/cs[详细]
-
Js 结合 Cookies 完成访客统计记录,累计并保存
所属栏目:[交互] 日期:2018-08-19 热度:130
Js 结合 Cookies 完成访客统计记录,累计并保存。记录是第几次来访,显示的信息有:您的名字;您浏览该网页的次数;您上次浏览网页的时间。可以更改姓名。 小提示:首次运行需输入您的来访姓名,例如:烈火网 演示代码: htmlheadtitle记录客户信息/titlescr[详细]
-
动态的光照特效JS代码,四种光效反复循环
所属栏目:[交互] 日期:2018-08-19 热度:199
动态的光照特效, Java Script代码,请在图上单击鼠标,使用了光效滤镜。每次在图上单击鼠标,就会加一种光效,移动鼠标,光柱还能跟随变动,浏览器要求为IE4.0以上。具备四种光效反复循环等。 演示代码: HTMLHEADTITLEDynamic Lighting Effects with DHTM[详细]
-
JavaScript 模拟雷达扫描的网页效果
所属栏目:[交互] 日期:2018-08-19 热度:96
Java Script 模拟雷达扫描的网页效果,屏幕上有一个小亮点,慢慢地移动,那就是飞机了...... 背景光圈采用JPG格式图片,雷达扫描线用javaScript实现,代码可参考性强,特别在编写网页游戏的时候,我们可以借鉴这些代码。 演示: HTMLHEADTITLE雷达扫描效果[详细]
-
JavaScript 实现三维变色镜效果代码
所属栏目:[交互] 日期:2018-08-19 热度:153
Java Script 实现三维变色镜效果代码,注意哦!本效果需要启用DirectAnimation库,请升级到最新版的JavaScript脚本库,要不然看不到效果哦。 一个方框从图的左边扫描到图的右边,所到之处,颜色变化. 这个动画依然是用文字特效来完成,效果的连贯性更胜于Gif[详细]
-
始终位于网页底部的公告条,可关闭,jQuery版
所属栏目:[交互] 日期:2018-08-19 热度:73
本文介绍的是一款始终位于网页底部的公告条(栏),在这个浮动的公告层中,我们可以加入普通文字,也可以加入滚动的文字,始终跟随网页滚动位于网页尾部。什么,你是问能不能关闭吗?当然,可关闭!本特效使用 jQuery 框架,你觉得会很差吗?试试看吧,关[详细]
-
Js实现网页上拖动滑块选择范围的插件代码
所属栏目:[交互] 日期:2018-08-19 热度:156
Js实现网页上拖动滑块选择范围的插件代码,在网页放置一个带标尺的滑块,用鼠标拖动滑块可选择数值的范围,一个人性化的应用,代码关键处有注释,请认真参阅。本效果在IE6/7/8、火狐(firefox)下测试通过,兼容性非常不错,欢迎使用。 演示: !DOCTYPE ht[详细]
-
跟随鼠标的网页小宠物,始终保持一定距离
所属栏目:[交互] 日期:2018-08-19 热度:113
跟随鼠标的网页小宠物,始终与鼠标保持一定距离,感觉非常有意思,其实这里的小宠物也可以是其它图片,原理是 Java Script利用鼠标相关的函数,将图片控制在鼠标周围,非常不错的小代码,放在个人博客很不错。 小提示:鼠标不要移动的太快哦,否则小宠物会[详细]
-
基于 jQuery 的冒泡事件 demo 示例代码
所属栏目:[交互] 日期:2018-08-15 热度:137
基于 jQuery 的冒泡事件 demo 示例代码,这是烈火网第一次发表jQuery的冒泡示例,有的网友可能还记得《JavaScript 的事件冒泡 demo 示例》,还有《JavaScript随机数排序(冒泡排序)代码》。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷[详细]
-
利用HTML5的Canvas元素实现方块字放大特效
所属栏目:[交互] 日期:2018-08-15 热度:133
利用HTML5的Canvas元素实现方块字放大特效,闲来无事研究一下Canvas,主要是为了熟悉ImageData,围绕方块字的放大特效 圆润毛边和曲线什么的没去研究过,因为涉及到算法和 画图 方面的东西,不是用Canvas自己的画图命令来画图,不然就像 AutoCAD 里手动命[详细]
-
雪花飘舞下的圣诞树旋转效果 基于HTML5技术实现
所属栏目:[交互] 日期:2018-08-15 热度:122
分享一款3D逼真的雪花飘舞下的圣诞树旋转效果,这么漂亮炫酷的效果当然是基于HTML5技术实现的哦,这可不是Flash制作的哦,另外本效果需要在 IE9 、 Chrome 、火狐等浏览器下才会有效果的,因此呢下边的运行按钮您也不用按了,请直接另存代码或复制代码再通[详细]