-
鼠标滑动实时显示坐标方位的特效
所属栏目:[交互] 日期:2018-08-31 热度:89
烈火网(LieHuo.Net)教程 从今天开始,烈火网网页教程发布一些关于鼠标的特效,本文是《鼠标滑动实时显示坐标方位的特效》,我们直接看实例代码。 htmlheadtitle鼠标滑动实时显示坐标方位-LIEHUO.NET/titlemeta http-equiv=Content-Type content=text/html;[详细]
-
防止网页被他人iFrame调用JavaScript代码
所属栏目:[交互] 日期:2018-08-27 热度:142
非常经典的代码了,很早以前烈火就发表过相关的文章,由于网站改版就找不到了,恰巧今天有个朋友咨询此问题,于是就再发表一次,代码很简单,主要是防止一些小人恶意使用iframe引用自己的网站。 实例演示: htmlheadtitle防止网页被他人加入页框/titlescri[详细]
-
IE浏览器打开“页面设置”对话框
所属栏目:[交互] 日期:2018-08-27 热度:116
看到标题,大家就明白是怎么回事了吧?这是烈火在一个源码网站转载的,有的朋友肯定会说这肯定行不通,那么到底行不行呢?您可以点击下面的运行测试一下,呵呵。开个玩笑,肯定是行的,但是要在低版本的 IE浏览器 中,高版本的IE,例如IE7、 IE8 等安全机[详细]
-
js简单实现浏览器访问过多少个网站
所属栏目:[交互] 日期:2018-08-27 热度:170
一个很简单的代码,用 Java Script 显示浏览器访问过的网站数,比较奇特,这是JS底层的变量了,能检测到你打开电脑后访问过的网站有几个,有点遗憾不能列出这些网站,使用了浏览器的history属性,统计不重复的历史记录的个数,其实搞明白了会发觉超简单啊[详细]
-
网页中引用百度手写板js代码,给网站添加手写功能
所属栏目:[交互] 日期:2018-08-27 热度:124
Java Script远程调用的实现,在网页中引用百度手写板代码的JS脚本,参考的价值不是很大,对于一些菜鸟站长还是不错的,可以给自己的网站添加一个手写功能,简单引用百度的Js文件就可以了,如果大家想使用这个类的话,烈火推荐大家自己下载就行了,正好可参[详细]
-
JavaScript实现网页中字符随机排序
所属栏目:[交互] 日期:2018-08-27 热度:164
烈94火64网(LieHuo18.Net)网页特效教27程 一个非常基础的 Java Script效果,其实也算不得什么特效,利用js实现字符随机排序,自动抽取中文与英文字母,重新组合并随机排序,生成随机数很可以。 大家看看演示效果吧! htmlheadtitleJavaScript随机排序/titl[详细]
-
VML 技术绘出一个红色椭圆形
所属栏目:[交互] 日期:2018-08-27 热度:183
以前,烈火曾经发表过VML绘制梅花、绘制曲线等网页特效,今天再来同大家探讨一个比较简单的VML特效,实现一个红色椭圆形。 关于VML的介绍,请参照烈火百科:http://baike.liehuo.net/doc-view-8894.html 效果如下: html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度,并赋值到其style样式中
所属栏目:[交互] 日期:2018-08-27 热度:185
JS获取DIV动态高度,并赋值到其style样式中,用javaScript Alert弹出对话框,告之值的多少。 演示效果如下: headmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleJS获取DIV动态高度,并赋值到其style样式中 - 烈火学院 Liehuo.Net[详细]
-
IE浏览器窗口震动,类似QQ窗口抖动,js代码
所属栏目:[交互] 日期:2018-08-27 热度:198
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-08-27 热度:117
Java Script指定打开浏览器窗口的位置,大家会发现,在浏览有些网站的时候,打开一个新窗口会默认显示在屏幕的某个位置上,以至于不遮挡下层网页的内容,其实实现这一功能,只需一行代码就行了,具体请看下边代码区的代码。 注意:本效果仅在 IE浏览器 下[详细]
-
仿淘宝智能浮动的工具条,基于jQuery实现
所属栏目:[交互] 日期:2018-08-27 热度:96
烈73火87网(LieHuo36.Net)网页特效教12程 仿淘宝智能浮动的工具条,基于 jQuery 实现,智能判断滚动条是否移动到了页面的最顶部,如果是,则浮动至最顶部,以至于不受滚动条的影响;当滚动条滚回来的时候,它同样为判断是否滚到了自己原来的默认位置,如果[详细]
-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目:[交互] 日期:2018-08-24 热度:189
Java script模拟引力环境下的撞击、摩擦、落体 运动 ,摩擦,碰撞的消耗并没有按公式进行计算,纯属于杜撰,是不符合规律的,仅仅是模拟,希望同行们多切磋,共同探讨。 演示效果如下: htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
js获取字符串中指定位置的字符代码
所属栏目:[交互] 日期:2018-08-24 热度:55
javascript取得字符串中指定位置的字符,如果你对WEB编程了解的话,就会明白,取得某字符串指定位置的字符也是比较常见的问题,希望通过这个小小简单实例,让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。 实例演示: htmlheadtitle取得字[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-08-21 热度:190
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-08-21 热度:134
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-08-21 热度:60
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-08-21 热度:76
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-08-21 热度:112
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-21 热度:126
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-21 热度:100
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-21 热度:109
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-08-21 热度:153
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-08-21 热度:112
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
JavaScript仿腾讯新闻年份事件滑动效果代码
所属栏目:[交互] 日期:2018-08-18 热度:87
Java Script 仿腾讯新闻年份事件滑动效果,具体请看代码吧,里面的注释很丰富,效果也不错。现在在腾讯新闻专题页面还可见到此效果。 演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi[详细]
-
在JavaScript中添加Prototype对象的方法
所属栏目:[交互] 日期:2018-08-18 热度:126
在 Java Script中添加Prototype对象的方法,Prototype是一款优秀的JS框架库,用它可创建超丰富的JavaScript前端交互应用,是实现Ajax功能的良好工具,一般情况下,它的使用都离不开JS的引用,本代码就实现了如何使用JS引入Prototype。 演示: htmlheadtitl[详细]