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