-
JavaScript 实现数字跳动的抽奖效果
所属栏目:[交互] 日期:2018-09-10 热度:102
烈火网(LieHuo.Net)教程 在前面的文章中我们阅读过《开始生成随机数点击停止结束(类似抽奖)》,今天再来看一个例子,也是 Java Script 实现数字跳动的抽奖效果,与上一篇有所不同,大家看演示代码: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitio[详细]
-
蜡烛跟随鼠标点亮周围网页的特效
所属栏目:[交互] 日期:2018-09-10 热度:181
烈火网(LieHuo.Net)教程 2008年5月12日一场空前的灾难降临到我国的四川省,那就是5.12大地震,在这次地震中,华夏儿女的许多同胞都离开了我们,为了纪念这一灾难,我们特别制作本期鼠标特效《蜡烛跟随鼠标点亮周围网页的特效》。 请看下边的代码: htmlhea[详细]
-
鼠标滑动实时显示坐标方位的特效
所属栏目:[交互] 日期:2018-09-10 热度:135
烈火网(LieHuo.Net)教程 从今天开始,烈火网网页教程发布一些关于鼠标的特效,本文是《鼠标滑动实时显示坐标方位的特效》,我们直接看实例代码。 htmlheadtitle鼠标滑动实时显示坐标方位-LIEHUO.NET/titlemeta http-equiv=Content-Type content=text/html;[详细]
-
实时改变网页字体大
所属栏目:[交互] 日期:2018-09-10 热度:188
jQuery 实时改变字体大孝字体背景色和颜色,一个引入了JQUERY的站长,可以把很多需要实现的效果变得更简单,确实是个实用的小插件,对JQ不熟悉的朋友,平时可要多看一些实例啦,比如现在这一个小实例,你可以从中学习到不少知识点的哦。 推荐阅读:烈火网[详细]
-
IE浏览器打开“页面设置”对话框
所属栏目:[交互] 日期:2018-09-08 热度:160
看到标题,大家就明白是怎么回事了吧?这是烈火在一个源码网站转载的,有的朋友肯定会说这肯定行不通,那么到底行不行呢?您可以点击下面的运行测试一下,呵呵。开个玩笑,肯定是行的,但是要在低版本的 IE浏览器 中,高版本的IE,例如IE7、 IE8 等安全机[详细]
-
js简单实现浏览器访问过多少个网站
所属栏目:[交互] 日期:2018-09-07 热度:165
一个很简单的代码,用 Java Script 显示浏览器访问过的网站数,比较奇特,这是JS底层的变量了,能检测到你打开电脑后访问过的网站有几个,有点遗憾不能列出这些网站,使用了浏览器的history属性,统计不重复的历史记录的个数,其实搞明白了会发觉超简单啊[详细]
-
网页中引用百度手写板js代码,给网站添加手写功能
所属栏目:[交互] 日期:2018-09-07 热度:190
Java Script远程调用的实现,在网页中引用百度手写板代码的JS脚本,参考的价值不是很大,对于一些菜鸟站长还是不错的,可以给自己的网站添加一个手写功能,简单引用百度的Js文件就可以了,如果大家想使用这个类的话,烈火推荐大家自己下载就行了,正好可参[详细]
-
JavaScript实现网页中字符随机排序
所属栏目:[交互] 日期:2018-09-07 热度:154
烈94火64网(LieHuo18.Net)网页特效教27程 一个非常基础的 Java Script效果,其实也算不得什么特效,利用js实现字符随机排序,自动抽取中文与英文字母,重新组合并随机排序,生成随机数很可以。 大家看看演示效果吧! htmlheadtitleJavaScript随机排序/titl[详细]
-
VML 技术绘出一个红色椭圆形
所属栏目:[交互] 日期:2018-09-07 热度:195
以前,烈火曾经发表过VML绘制梅花、绘制曲线等网页特效,今天再来同大家探讨一个比较简单的VML特效,实现一个红色椭圆形。 关于VML的介绍,请参照烈火百科:http://baike.liehuo.net/doc-view-8894.html 效果如下: html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度,并赋值到其style样式中
所属栏目:[交互] 日期:2018-09-07 热度:141
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-07 热度:168
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-07 热度:184
Java Script指定打开浏览器窗口的位置,大家会发现,在浏览有些网站的时候,打开一个新窗口会默认显示在屏幕的某个位置上,以至于不遮挡下层网页的内容,其实实现这一功能,只需一行代码就行了,具体请看下边代码区的代码。 注意:本效果仅在 IE浏览器 下[详细]
-
仿淘宝智能浮动的工具条,基于jQuery实现
所属栏目:[交互] 日期:2018-09-07 热度:107
烈73火87网(LieHuo36.Net)网页特效教12程 仿淘宝智能浮动的工具条,基于 jQuery 实现,智能判断滚动条是否移动到了页面的最顶部,如果是,则浮动至最顶部,以至于不受滚动条的影响;当滚动条滚回来的时候,它同样为判断是否滚到了自己原来的默认位置,如果[详细]
-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目:[交互] 日期:2018-09-07 热度:87
Java script模拟引力环境下的撞击、摩擦、落体 运动 ,摩擦,碰撞的消耗并没有按公式进行计算,纯属于杜撰,是不符合规律的,仅仅是模拟,希望同行们多切磋,共同探讨。 演示效果如下: htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-09-03 热度:103
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-09-03 热度:165
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-09-03 热度:59
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-09-03 热度:79
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-09-03 热度:191
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-09-03 热度:97
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-09-03 热度:109
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-09-03 热度:112
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-09-03 热度:79
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-09-01 热度:88
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目:[交互] 日期:2018-09-01 热度:141
最近一段时间,谷歌可谓是折腾了又折腾,就拿昨天的跳转事件来说吧,可把媒体忙活的不清,先是执行了跳转,然后又爆出不再跳转,申请牌照,尔后的时间又出现了奇迹:传谷歌中国获得ICP牌照续期,Google.CN重新回到中国,不再跳转香港了,烈火也忙了半天,[详细]