-
js获取字符串中指定位置的字符代码
所属栏目:[交互] 日期:2018-08-20 热度:113
javascript取得字符串中指定位置的字符,如果你对WEB编程了解的话,就会明白,取得某字符串指定位置的字符也是比较常见的问题,希望通过这个小小简单实例,让更多的朋友学会 Java Script中获取指定字符串这一功能的方法。 实例演示: htmlheadtitle取得字[详细]
-
JavaScript 实现缓冲效果演示大汇总
所属栏目:[交互] 日期:2018-08-20 热度:192
作者将45种可用于网页上的 Java Script缓冲效果集合于一个整体实例中,鼠标点击某个缓冲的名字,就能看到该缓冲的效果,很佩服作者的水平,研究JS的朋友,一定要切磋一下,见到高人了 作者:司徒正美,很多人都知道的,在博客园等多个知名网站开了博客,在[详细]
-
JavaScript模板替换函数代码 非常简洁
所属栏目:[交互] 日期:2018-08-20 热度:50
一个超简洁的 Java Script模板替换函数,其实从实用角度来说,用这种方式替换不太实用,不过里面的代码有些写的相当不错,特别是正则表达式代码,值得一看。 演示效果: htmlheadtitle模板替换函数/titlestyle*{margin:0; padding:0;}/style/headbodydiv i[详细]
-
js 网站连接速度测试 延迟加载
所属栏目:[交互] 日期:2018-08-20 热度:187
网站的连接速度测试,貌似速度都挺快,呵呵,测试个大概吧,这个更像是Windows中的Ping的速度,本代码测试的是连接到指定主机的速度,并不是网页下载的速度。 而且在本效果中,采用了js延迟加载的效果,如果网速慢的话,会显示:正在连接。。。 效果如下:[详细]
-
js检测浏览器对象 分辨率、鼠标坐标等
所属栏目:[交互] 日期:2018-08-20 热度:65
本文介绍的是 Java Script配合CSS检测浏览器对象和鼠标位置,CSS主要用于美化文字,将文字变成漂亮的字体以及设置自定义颜色,Js完成操作系统判断、浏览器版本及名称、显示器 分辨率 、鼠标的位置:x、y坐标等信息,尽管检测的不是太准确,但是已经把原理[详细]
-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-08-20 热度:189
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-20 热度:159
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-20 热度:129
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-20 热度:53
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-08-20 热度:143
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-08-20 热度:200
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目:[交互] 日期:2018-08-20 热度:100
最近一段时间,谷歌可谓是折腾了又折腾,就拿昨天的跳转事件来说吧,可把媒体忙活的不清,先是执行了跳转,然后又爆出不再跳转,申请牌照,尔后的时间又出现了奇迹:传谷歌中国获得ICP牌照续期,Google.CN重新回到中国,不再跳转香港了,烈火也忙了半天,[详细]
-
判断是否IE6,如果是则提示升级浏览器
所属栏目:[交互] 日期:2018-08-20 热度:180
一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。 回顾: 以前的教程,烈火曾经提到判断IE6的方法,例如: javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目:[交互] 日期:2018-08-20 热度:110
用js代码作画,你想过没有?我们知道js编写游戏,在以前的文章中,有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等,今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果,你就知道了,这可不是一幅画,这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目:[交互] 日期:2018-08-20 热度:80
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果,这是烈火发表的第一篇关于模块可拖拽的网页特效,一直以来这种效果都非常流行,尤其作为网址导航或个性首页都在使用这个效果,现在在使用的最著名就是iGoolge主页,还正在采用这种模式,[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目:[交互] 日期:2018-08-20 热度:142
今天烈火给大家介绍的是一个特殊的网页特效,在本特效中要用到VML,在文中,作者使用VML在网页上绘制了一幅梅花图,尤其对于VML爱好者来说,可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
网页引入“搜狗云输入法”的实现代码
所属栏目:[交互] 日期:2018-08-16 热度:156
网页引入搜狗云输入法的实现代码,只在 IE浏览器 下测试通过,并且还不是太完美,其它浏览器例如 Chrome 等都不太好,作者主要是将搜狗云输入法的源代码解析出来了,地址是:http://code.google.com/p/fiskercloudinput/ 引入示例: !DOCTYPE htmlhtmlmeta[详细]
-
带进度条的性格测试题代码,答题后显示测试结果
所属栏目:[交互] 日期:2018-08-16 热度:134
基于 jQuery 实现的、带进度条显示的性格测试题代码,答题后显示测试结果,在一些性格和智力测试网站上经常可以见到,还有一些驾校考试网站也使用这样的效果,但是性质有所不同,还有一些使用Flash实现的。 为解决一些网页特效运行后不能显示效果(例如:j[详细]
-
jQuery配合Css模拟五星级评分效果代码
所属栏目:[交互] 日期:2018-08-16 热度:162
分享一个 jQuery 配合Css模拟五星级评分效果代码,用图层模仿五星星评价功能的特效代码,星星评价功能,通常应用于文章,评论,下载星级评定等功能上面的一款网页特效。如果您的网站已经引入jQuery,那么实现起来就比较简单了,反之就不推荐使用了。 为解[详细]
-
点击按钮关注新浪微博,自动加关注代码
所属栏目:[交互] 日期:2018-08-16 热度:129
点击按钮关注 新浪微博 ,自动加关注代码,这是根据新浪官方代码修改的,大家可以自定义一下。把uid后面的数字修改为自己微博账号,样式也可以自己修改,也可进入微博组件中自己更换样式。 本文示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
网页元素onmouseover实现鼠标响应图片变换
所属栏目:[交互] 日期:2018-08-16 热度:103
在刚刚看过JS响应鼠标变换图片并增加链接的特效之后,我们再来看一下简单的图片变换,这里只用到了A标记中的onmouseover属性,当我们把鼠标指向图片时,onmouseover就发挥作用了,这里图片改换为另一张,比较基础的HTML网页例子,高手不要见笑。 示例: !D[详细]
-
JavaScript随机数排序(冒泡排序)代码
所属栏目:[交互] 日期:2018-08-16 热度:151
说到JS冒泡,小编非常有印象,烈火网很久以前就在一些技术博客、前端论坛转载过这样的文章,我们先来《JavaScript 事件冒泡简介及应用实例》,再来看一下两种JS冒泡的示例(代码一、代码二)终于回来了,今天还是要看这一类的例子,我们一起来学习吧。 示[详细]
-
jQuery层次选择器,网页多元素选择器代码
所属栏目:[交互] 日期:2018-08-16 热度:162
jQuery 层次选择器,网页多元素选择器代码。其中JS代码段是辅助例子,用于实现自动重置和给元素添加动画。例子允许你选择 body内的所有div元素、选择 所有class为one 的下一个div元素、选择 id为two的元素后面的所有div兄弟元素等。 为解决一些网页特效运[详细]
-
jQuery添加事件、移除事件实例代码
所属栏目:[交互] 日期:2018-08-16 热度:60
jQuery 添加事件、移除事件实例代码,在本例中,jQuery创建了多个事件,绑定到函数,演示了如何删除指定的事件,在本例中是删除第二个事件,供初学者参考。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示[详细]
-
jQuery与JavaScript加载图片的时间对比
所属栏目:[交互] 日期:2018-08-16 热度:184
jQuery 是一款近年来推出的优秀JS框架,它比普通的 Java Script在使用上要方便、灵活、强大的很多,本文就以jQuery和普通JS加载图片的时间来对比一下它们之间的差距,分别使用了jQuery的ready() 与JavaScript的window.onload两个变量。 为解决一些网页特效[详细]

浙公网安备 33038102330484号