-
VML 技术绘出一个红色椭圆形
所属栏目：[交互] 日期：2018-09-01 热度：82
以前，烈火曾经发表过VML绘制梅花、绘制曲线等网页特效，今天再来同大家探讨一个比较简单的VML特效，实现一个红色椭圆形。 关于VML的介绍，请参照烈火百科：http://baike.liehuo.net/doc-view-8894.html 效果如下： html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度，并赋值到其style样式中
所属栏目：[交互] 日期：2018-09-01 热度：120
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-01 热度：127
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-01 热度：143
Java Script指定打开浏览器窗口的位置，大家会发现，在浏览有些网站的时候，打开一个新窗口会默认显示在屏幕的某个位置上，以至于不遮挡下层网页的内容，其实实现这一功能，只需一行代码就行了，具体请看下边代码区的代码。 注意：本效果仅在 IE浏览器 下[详细]
-
仿淘宝智能浮动的工具条,基于jQuery实现
所属栏目：[交互] 日期：2018-09-01 热度：87
烈73火87网(LieHuo36.Net)网页特效教12程 仿淘宝智能浮动的工具条，基于 jQuery 实现，智能判断滚动条是否移动到了页面的最顶部，如果是，则浮动至最顶部，以至于不受滚动条的影响；当滚动条滚回来的时候，它同样为判断是否滚到了自己原来的默认位置，如果[详细]
-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目：[交互] 日期：2018-08-24 热度：94
Java script模拟引力环境下的撞击、摩擦、落体 运动 ，摩擦，碰撞的消耗并没有按公式进行计算，纯属于杜撰，是不符合规律的，仅仅是模拟，希望同行们多切磋，共同探讨。 演示效果如下： htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
js获取字符串中指定位置的字符代码
所属栏目：[交互] 日期：2018-08-24 热度：91
javascript取得字符串中指定位置的字符，如果你对WEB编程了解的话，就会明白，取得某字符串指定位置的字符也是比较常见的问题，希望通过这个小小简单实例，让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。 实例演示： htmlheadtitle取得字[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目：[交互] 日期：2018-08-24 热度：186
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中，鼠标点击某个缓冲的名字，就能看到该缓冲的效果，很佩服作者的水平，研究JS的朋友，一定要切磋一下，见到高人了 作者：司徒正美，很多人都知道的，在博客园等多个知名网站开了博客，在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目：[交互] 日期：2018-08-24 热度：99
一个超简洁的 Java Script模板替换函数，其实从实用角度来说，用这种方式替换不太实用，不过里面的代码有些写的相当不错，特别是正则表达式代码，值得一看。 演示效果： htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目：[交互] 日期：2018-08-24 热度：176
网站的连接速度测试，貌似速度都挺快，呵呵，测试个大概吧，这个更像是Windows中的Ping的速度，本代码测试的是连接到指定主机的速度，并不是网页下载的速度。 而且在本效果中，采用了js延迟加载的效果，如果网速慢的话，会显示：正在连接。。。 效果如下：[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目：[交互] 日期：2018-08-24 热度：129
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目：[交互] 日期：2018-08-24 热度：138
这是利用javascript实现的无刷新添加一个新的DIV层，没有使用 jQuery 哦，功能非常不错。并可实现的该层的拖动，鼠标拖动层可移动位置，将JS部分另存为一个新文件，用到的时候从外部引入，这个拖动层代码很流行，GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目：[交互] 日期：2018-08-24 热度：172
Java SCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击更多会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目：[交互] 日期：2018-08-24 热度：175
一款网页底部的浮动条效果，跟随滚动条。在IE与 火狐浏览器 下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。 原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目：[交互] 日期：2018-08-24 热度：78
jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
-
JS+CSS实现动态变幻的彩色“下划线”效果
所属栏目：[交互] 日期：2018-08-17 热度：191
JS+CSS实现动态变幻的彩色下划线效果，看一下你就知道是什么了，怎么样，神奇吧！？其实这是一个下划线，就像Windows2000系统加载时的彩条一样，完全用JS控制生成的程序，非GIF图片。 示例： !DOCTYPE htmlhtmlheadmeta http-equiv=Content-Type content=t[详细]
-
网页引入“搜狗云输入法”的实现代码
所属栏目：[交互] 日期：2018-08-17 热度：63
网页引入搜狗云输入法的实现代码，只在 IE浏览器 下测试通过，并且还不是太完美，其它浏览器例如 Chrome 等都不太好，作者主要是将搜狗云输入法的源代码解析出来了，地址是：http://code.google.com/p/fiskercloudinput/ 引入示例： !DOCTYPE htmlhtmlmeta[详细]
-
带进度条的性格测试题代码，答题后显示测试结果
所属栏目：[交互] 日期：2018-08-17 热度：172
基于 jQuery 实现的、带进度条显示的性格测试题代码，答题后显示测试结果，在一些性格和智力测试网站上经常可以见到，还有一些驾校考试网站也使用这样的效果，但是性质有所不同，还有一些使用Flash实现的。 为解决一些网页特效运行后不能显示效果（例如：j[详细]
-
jQuery配合Css模拟五星级评分效果代码
所属栏目：[交互] 日期：2018-08-17 热度：63
分享一个 jQuery 配合Css模拟五星级评分效果代码，用图层模仿五星星评价功能的特效代码，星星评价功能，通常应用于文章，评论，下载星级评定等功能上面的一款网页特效。如果您的网站已经引入jQuery，那么实现起来就比较简单了，反之就不推荐使用了。 为解[详细]
-
点击按钮关注新浪微博，自动加关注代码
所属栏目：[交互] 日期：2018-08-17 热度：104
点击按钮关注 新浪微博 ，自动加关注代码，这是根据新浪官方代码修改的，大家可以自定义一下。把uid后面的数字修改为自己微博账号，样式也可以自己修改，也可进入微博组件中自己更换样式。 本文示例： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
网页元素onmouseover实现鼠标响应图片变换
所属栏目：[交互] 日期：2018-08-17 热度：73
在刚刚看过JS响应鼠标变换图片并增加链接的特效之后，我们再来看一下简单的图片变换，这里只用到了A标记中的onmouseover属性，当我们把鼠标指向图片时，onmouseover就发挥作用了，这里图片改换为另一张，比较基础的HTML网页例子，高手不要见笑。 示例： !D[详细]
-
JavaScript随机数排序（冒泡排序）代码
所属栏目：[交互] 日期：2018-08-17 热度：97
说到JS冒泡，小编非常有印象，烈火网很久以前就在一些技术博客、前端论坛转载过这样的文章，我们先来《JavaScript 事件冒泡简介及应用实例》，再来看一下两种JS冒泡的示例（代码一、代码二）终于回来了，今天还是要看这一类的例子，我们一起来学习吧。 示[详细]
-
jQuery层次选择器，网页多元素选择器代码
所属栏目：[交互] 日期：2018-08-17 热度：85
jQuery 层次选择器，网页多元素选择器代码。其中JS代码段是辅助例子，用于实现自动重置和给元素添加动画。例子允许你选择 body内的所有div元素、选择 所有class为one 的下一个div元素、选择 id为two的元素后面的所有div兄弟元素等。 为解决一些网页特效运[详细]
-
jQuery添加事件、移除事件实例代码
所属栏目：[交互] 日期：2018-08-17 热度：197
jQuery 添加事件、移除事件实例代码，在本例中，jQuery创建了多个事件，绑定到函数，演示了如何删除指定的事件，在本例中是删除第二个事件，供初学者参考。 为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示[详细]
-
jQuery与JavaScript加载图片的时间对比
所属栏目：[交互] 日期：2018-08-17 热度：132
jQuery 是一款近年来推出的优秀JS框架，它比普通的 Java Script在使用上要方便、灵活、强大的很多，本文就以jQuery和普通JS加载图片的时间来对比一下它们之间的差距，分别使用了jQuery的ready() 与JavaScript的window.onload两个变量。 为解决一些网页特效[详细]
