-
js 网站连接速度测试 延迟加载
所属栏目：[交互] 日期：2018-09-09 热度：110
网站的连接速度测试，貌似速度都挺快，呵呵，测试个大概吧，这个更像是Windows中的Ping的速度，本代码测试的是连接到指定主机的速度，并不是网页下载的速度。 而且在本效果中，采用了js延迟加载的效果，如果网速慢的话，会显示：正在连接。。。 效果如下：[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目：[交互] 日期：2018-09-09 热度：83
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置，CSS主要用于美化文字，将文字变成漂亮的字体以及设置自定义颜色，Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置：x、y坐标等信息，尽管检测的不是太准确，但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目：[交互] 日期：2018-09-09 热度：64
这是利用javascript实现的无刷新添加一个新的DIV层，没有使用 jQuery 哦，功能非常不错。并可实现的该层的拖动，鼠标拖动层可移动位置，将JS部分另存为一个新文件，用到的时候从外部引入，这个拖动层代码很流行，GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目：[交互] 日期：2018-09-09 热度：189
Java SCript完成的一段文字收缩与展开的特效代码，在电影网站里，经常会看到电影简介，但是为了页面整体美观的情况下，会隐藏一部分文字以使网页整齐美观，当你想详细看的时候点击更多会展开所有的文字，本代码就是实现了这样一种功能，点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目：[交互] 日期：2018-09-09 热度：190
一款网页底部的浮动条效果，跟随滚动条。在IE与 火狐浏览器 下测试通过，这是烈火在UED TEAM博客发现的，特别分享出来给大家，希望对大家有所帮助。 原理：在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目：[交互] 日期：2018-09-09 热度：144
jQuery 伸缩与展开效果，个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题，当初朋友的一个网页，打开后某部分是闭合的，点击后才展开，后来过来问我如何让它一打开就展开，当时偶水平也很菜，没能搞出来。呜呜！！遇到类似问题的朋友，不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目：[交互] 日期：2018-09-09 热度：110
用VML在网页上画正弦和余弦曲线，这里使用polyLine和arrow两个函数分别画折线和箭头，两个基本的元素绘画完成，整条曲线也就很容易的就出现了。 关于VML的百科介绍：http://baike.liehuo.net/doc-view-8894.html 文章回顾： 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目：[交互] 日期：2018-09-05 热度：66
Java Script 同时调用同一网页内的多个函数，点击按钮后执行多次函数，比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目：[交互] 日期：2018-09-05 热度：79
最近一段时间，谷歌可谓是折腾了又折腾，就拿昨天的跳转事件来说吧，可把媒体忙活的不清，先是执行了跳转，然后又爆出不再跳转，申请牌照，尔后的时间又出现了奇迹：传谷歌中国获得ICP牌照续期，Google.CN重新回到中国，不再跳转香港了，烈火也忙了半天，[详细]
-
判断是否IE6，如果是则提示升级浏览器
所属栏目：[交互] 日期：2018-09-05 热度：153
一个与浏览器有关的脚本 ，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。 回顾： 以前的教程，烈火曾经提到判断IE6的方法，例如： javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目：[交互] 日期：2018-09-05 热度：172
用js代码作画，你想过没有？我们知道js编写游戏，在以前的文章中，有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等，今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果，你就知道了，这可不是一幅画，这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目：[交互] 日期：2018-09-05 热度：64
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果，这是烈火发表的第一篇关于模块可拖拽的网页特效，一直以来这种效果都非常流行，尤其作为网址导航或个性首页都在使用这个效果，现在在使用的最著名就是iGoolge主页，还正在采用这种模式，[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目：[交互] 日期：2018-09-05 热度：60
今天烈火给大家介绍的是一个特殊的网页特效，在本特效中要用到VML，在文中，作者使用VML在网页上绘制了一幅梅花图，尤其对于VML爱好者来说，可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
JS编写透明度渐变、位置移动等多个函数
所属栏目：[交互] 日期：2018-09-05 热度：156
JS封装一个透明度渐变、尺寸变化、位置移动函数 这三个函数适用于以下情况： 1、在做前端页面时，只需要简单的动画效果，不想引入整个动画类，使用本函数。 2、在写js类时，需要用到简单的动画，为了降低藕合性，使用本函数。 查看演示： !DOCTYPE HTML PU[详细]
-
类似HAO123.COM的多个搜索引擎跳转效果
所属栏目：[交互] 日期：2018-09-05 热度：109
烈火网(LieHuo.Net)网页特效 前几天，有朋友咨询hao123.com网址首页的多个搜索引擎搜索跳转效果是如何实现的，烈火告诉他，这是利用JS代码，就如同烈火上网导航（访问）的多搜索一样，没有去hao123把代码扣下来，小编在网上找到一款代码，不过本代码与它的[详细]
-
JavaScript实现地图控制上下左右的移动
所属栏目：[交互] 日期：2018-09-05 热度：102
烈火网(LieHuo.Net)网页特效教程：本文介绍的是 Java Script编程实现地图上下左右的移动控制代码，比较不错，现在的地图网站很多，类似这种的特效也有很多，这是其中这一，写的很不错，用尽可能少的代码解决实际问题，各位读者不仿借鉴一下。欢迎对烈火的[详细]
-
JavaScript智能识别网页关键字并加红
所属栏目：[交互] 日期：2018-09-05 热度：101
烈火网(LieHuo.Net)JS网页特效 Java Script智能识别网页关键字并加红显示出来，这个效果大家不陌生吧，用JS加红关键字要比程序控制输出好得多，必竟将一部分功能交给了客户浏览器，相应减轻了服务器的压力。 演示部分： !DOCTYPE html PUBLIC -//W3C//DTD[详细]
-
如何防止网站的网页内容禁止他人复制
所属栏目：[交互] 日期：2018-08-24 热度：112
说实话，我觉得是没有办法避免别人复制你的网页，他可以把网站保存下来，或者在缓存目录C:Documents and SettingsAdministratorLocal SettingsTemporary Internet Files 里复制内容，然后去掉js代码，再保存，所以做这个功能只是迷惑一下外行。 !DOCTY[详细]
-
仿51job方式的地址选择效果代码
所属栏目：[交互] 日期：2018-08-24 热度：178
这是仿51job的一个选择效果，基于 Java script实现，单击选择后弹出遮罩层，以下拉的形式展现，被选择的项目会实时展示在层里面，点击确定后显示在网页上，非常不错的效果，大家可以借鉴一下实现思路： html xmlns=http://www.w3.org/1999/xhtmlheadmeta h[详细]
-
JavaScript生成自动排序的随机数字
所属栏目：[交互] 日期：2018-08-24 热度：193
烈火网(LieHuo.Net)教程 利用 Java Script脚本按规定生成随机数字，并按指定顺序自动排序，本例中将生成1100以内的随机数，并按照由小到大的顺序排列起来，看一下效果不错吧？ titleJavaScript生成随机数并自动排序/titlescriptvar baseNum=[];for(var i=[详细]
-
禁用鼠标右键的效果 基于JavaScript
所属栏目：[交互] 日期：2018-08-24 热度：102
现在的网页制作中，禁用鼠标右键虽然行为不怎么好，但是事件停止的函数可以参考一下，以下就是一个基于javascript实现的禁用右键效果。 htmlheadtitle禁用右键-liehuo.net/title/headbodystrongwww.veryhuo.com 试一下右键？/strongscript type=text/javas[详细]
-
IE浏览器疯狂的抖动(地震)效果
所属栏目：[交互] 日期：2018-08-24 热度：132
烈火网(LieHuo.Net)教程 利用javascript让 IE浏览器 疯狂的震动特效，你有没有见过，可惜本代码仅支持IE，其它一切浏览器都不支持，想试试吗？注意哦，会很害怕滴！ htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title网页特效[详细]
-
一款简单的网页 Tab 标签效果
所属栏目：[交互] 日期：2018-08-24 热度：88
烈火网(LieHuo.Net)教程 Web开发真是一件有趣的事情，自定义控件，js，div布局以及JQuery等等，最近学习的感觉就是收获还是蛮大的，闲来无事,所以想写一些东西，每天都会去163浏览新闻以及其中的评论，163主新闻区使用了 网页Tab来显示各个分类的新闻，所[详细]
-
Javascript 实现密码强度验证效果
所属栏目：[交互] 日期：2018-08-24 热度：113
烈火网(LieHuo.Net)教程 web2.0日益发展的今天，很多论坛和博客都在用户注册时添加了验证密码强度的功能，在以前的文章中，我们曾经给出过一段检验密码强度的例子，今天再看一个与《Javascript验证密码强度的实例代码》的代码。 htmlheadtitle密码强度检测[详细]
-
JavaScript 实现数字跳动的抽奖效果
所属栏目：[交互] 日期：2018-08-24 热度：110
烈火网(LieHuo.Net)教程 在前面的文章中我们阅读过《开始生成随机数点击停止结束(类似抽奖)》，今天再来看一个例子，也是 Java Script 实现数字跳动的抽奖效果，与上一篇有所不同，大家看演示代码： !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitio[详细]
