-
js模拟引力环境下的撞击、摩擦、落体运动 可拖拽
所属栏目:[交互] 日期:2018-08-24 热度:146
Java script模拟引力环境下的撞击、摩擦、落体 运动 ,摩擦,碰撞的消耗并没有按公式进行计算,纯属于杜撰,是不符合规律的,仅仅是模拟,希望同行们多切磋,共同探讨。 演示效果如下: htmlheadmeta charset=gbk /title模拟引力环境下的撞击、摩擦、落体[详细]
-
js获取字符串中指定位置的字符代码
所属栏目:[交互] 日期:2018-08-24 热度:185
javascript取得字符串中指定位置的字符,如果你对WEB编程了解的话,就会明白,取得某字符串指定位置的字符也是比较常见的问题,希望通过这个小小简单实例,让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。 实例演示: htmlheadtitle取得字[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-08-24 热度:63
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-08-24 热度:108
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-08-24 热度:149
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-08-24 热度:110
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-08-24 热度:114
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-24 热度:193
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-24 热度:95
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-24 热度:71
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
Meta实现离开或刷新时,网页闪动效果
所属栏目:[交互] 日期:2018-08-20 热度:107
通过meta标签实现的一款网页特效,以前我们介绍过离开或刷新网页的百叶窗代码,今天的效果与百叶窗的实现方法差不多,当访客离开或刷新网页时,载入网页的那一瞬间就会看到闪动,当然不同的网页颜色和图片显示的效果也有所不同。 好了,烈火就不多说了,看[详细]
-
检测浏览器是否允许Cookie功能的JS代码
所属栏目:[交互] 日期:2018-08-20 热度:118
JS通过固定函数进行检测的实例,与上一篇获取屏幕颜色品质的例子性质相同,在从事 Java Script编程的时候,为了脚本运行稳定,有的程序员会先来个Cookies判断,检测用户的浏览器是否开启了Cookies支持,如果没有则给出提示,让用户打开Cookies。 代码如下[详细]
-
Js获取屏幕的颜色是16位还是32位
所属栏目:[交互] 日期:2018-08-20 热度:188
Java script 函数获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,不过,现在99%的电脑都是32位了,本特效意义不大,只作为一个参考吧。 演示效果: htmlheadtitle取得屏幕的色彩品质/title/headbodyscript language=[详细]
-
防止网页被他人iFrame调用JavaScript代码
所属栏目:[交互] 日期:2018-08-20 热度:167
非常经典的代码了,很早以前烈火就发表过相关的文章,由于网站改版就找不到了,恰巧今天有个朋友咨询此问题,于是就再发表一次,代码很简单,主要是防止一些小人恶意使用iframe引用自己的网站。 实例演示: htmlheadtitle防止网页被他人加入页框/titlescri[详细]
-
IE浏览器打开“页面设置”对话框
所属栏目:[交互] 日期:2018-08-20 热度:105
看到标题,大家就明白是怎么回事了吧?这是烈火在一个源码网站转载的,有的朋友肯定会说这肯定行不通,那么到底行不行呢?您可以点击下面的运行测试一下,呵呵。开个玩笑,肯定是行的,但是要在低版本的 IE浏览器 中,高版本的IE,例如IE7、 IE8 等安全机[详细]
-
js简单实现浏览器访问过多少个网站
所属栏目:[交互] 日期:2018-08-20 热度:107
一个很简单的代码,用 Java Script 显示浏览器访问过的网站数,比较奇特,这是JS底层的变量了,能检测到你打开电脑后访问过的网站有几个,有点遗憾不能列出这些网站,使用了浏览器的history属性,统计不重复的历史记录的个数,其实搞明白了会发觉超简单啊[详细]
-
网页中引用百度手写板js代码,给网站添加手写功能
所属栏目:[交互] 日期:2018-08-20 热度:191
Java Script远程调用的实现,在网页中引用百度手写板代码的JS脚本,参考的价值不是很大,对于一些菜鸟站长还是不错的,可以给自己的网站添加一个手写功能,简单引用百度的Js文件就可以了,如果大家想使用这个类的话,烈火推荐大家自己下载就行了,正好可参[详细]
-
JavaScript实现网页中字符随机排序
所属栏目:[交互] 日期:2018-08-20 热度:182
烈94火64网(LieHuo18.Net)网页特效教27程 一个非常基础的 Java Script效果,其实也算不得什么特效,利用js实现字符随机排序,自动抽取中文与英文字母,重新组合并随机排序,生成随机数很可以。 大家看看演示效果吧! htmlheadtitleJavaScript随机排序/titl[详细]
-
VML 技术绘出一个红色椭圆形
所属栏目:[交互] 日期:2018-08-20 热度:126
以前,烈火曾经发表过VML绘制梅花、绘制曲线等网页特效,今天再来同大家探讨一个比较简单的VML特效,实现一个红色椭圆形。 关于VML的介绍,请参照烈火百科:http://baike.liehuo.net/doc-view-8894.html 效果如下: html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度,并赋值到其style样式中
所属栏目:[交互] 日期:2018-08-20 热度:160
JS获取DIV动态高度,并赋值到其style样式中,用javaScript Alert弹出对话框,告之值的多少。 演示效果如下: headmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleJS获取DIV动态高度,并赋值到其style样式中 - 烈火学院 Liehuo.Net[详细]
-
JS模拟球落地、碰撞,用力扔出去弹来弹去
所属栏目:[交互] 日期:2018-08-17 热度:150
JS模拟球落地、碰撞,用力扔出去弹来弹去, Java Script结合图片完成的代码,随便拖到一个浏览器试试,就像跳跳球一样的效果,鼠标碰到某个浏览器的图标后,图标就会落下来。 这个效果让我们想起烈火网以前发表的《跟随鼠标的小球,有弹性围绕鼠标扯蛋效果[详细]
-
jQuery 回圈加图进网页,转自经典论坛
所属栏目:[交互] 日期:2018-08-17 热度:118
jQuery 回圈加图进网页,用循环控制输入图片,不能用HTML方法。你可以试下,HTML是替换元素内的内容 每次都会把原来的清楚再添加新的 自然只会只有一个。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示。[详细]
-
JS网页烟花效果,可手动、自动和停止播放烟花
所属栏目:[交互] 日期:2018-08-17 热度:85
Java Script自动放烟花效果,可以手动放烟花、自动放烟花,由于浏览器渲染能力有限, 当浏览器为IE或选择自动放烟花时, 随机生成的烟花碎片范围自动调整至20-30,建议使用 Firefox , Chrome 浏览器预览效果。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3[详细]
-
JavaScript 的事件冒泡 demo 示例
所属栏目:[交互] 日期:2018-08-17 热度:75
Java Script 的事件冒泡 demo 示例,如果你还不理解JavaScript的事件冒泡往下看: 示例代码: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//ENhttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/x[详细]
-
JS实现类似表盘的圆环,虚线转动,自动变大变小
所属栏目:[交互] 日期:2018-08-17 热度:86
Java Script结合Css实现的一个类似表盘的圆环,外边为虚线的会转动的圆圈,在转动的过程中,循环自动变大变小,没有实际应用的意义,不过对于学习JS来说,是一个不错的例子。 示例: !DOCTYPE htmlhtml xmlns=http://www.w3.org/1999/xhtmlheadstyle#div1[详细]