-
js无刷新添加可拖拽、移动的DIV区域块
所属栏目:[交互] 日期:2018-08-23 热度:137
这是利用javascript实现的无刷新添加一个新的DIV层,没有使用 jQuery 哦,功能非常不错。并可实现的该层的拖动,鼠标拖动层可移动位置,将JS部分另存为一个新文件,用到的时候从外部引入,这个拖动层代码很流行,GG和YAHOO等大网站经常可以看到这种效果。[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-23 热度:190
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-23 热度:186
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-23 热度:96
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
Meta实现离开或刷新时,网页闪动效果
所属栏目:[交互] 日期:2018-08-20 热度:55
通过meta标签实现的一款网页特效,以前我们介绍过离开或刷新网页的百叶窗代码,今天的效果与百叶窗的实现方法差不多,当访客离开或刷新网页时,载入网页的那一瞬间就会看到闪动,当然不同的网页颜色和图片显示的效果也有所不同。 好了,烈火就不多说了,看[详细]
-
检测浏览器是否允许Cookie功能的JS代码
所属栏目:[交互] 日期:2018-08-20 热度:66
JS通过固定函数进行检测的实例,与上一篇获取屏幕颜色品质的例子性质相同,在从事 Java Script编程的时候,为了脚本运行稳定,有的程序员会先来个Cookies判断,检测用户的浏览器是否开启了Cookies支持,如果没有则给出提示,让用户打开Cookies。 代码如下[详细]
-
Js获取屏幕的颜色是16位还是32位
所属栏目:[交互] 日期:2018-08-20 热度:90
Java script 函数获取屏幕的颜色色彩品质,16位或32位,只需运行本代码,即可得到你当前屏幕的颜色品质,不过,现在99%的电脑都是32位了,本特效意义不大,只作为一个参考吧。 演示效果: htmlheadtitle取得屏幕的色彩品质/title/headbodyscript language=[详细]
-
防止网页被他人iFrame调用JavaScript代码
所属栏目:[交互] 日期:2018-08-20 热度:76
非常经典的代码了,很早以前烈火就发表过相关的文章,由于网站改版就找不到了,恰巧今天有个朋友咨询此问题,于是就再发表一次,代码很简单,主要是防止一些小人恶意使用iframe引用自己的网站。 实例演示: htmlheadtitle防止网页被他人加入页框/titlescri[详细]
-
IE浏览器打开“页面设置”对话框
所属栏目:[交互] 日期:2018-08-20 热度:76
看到标题,大家就明白是怎么回事了吧?这是烈火在一个源码网站转载的,有的朋友肯定会说这肯定行不通,那么到底行不行呢?您可以点击下面的运行测试一下,呵呵。开个玩笑,肯定是行的,但是要在低版本的 IE浏览器 中,高版本的IE,例如IE7、 IE8 等安全机[详细]
-
js简单实现浏览器访问过多少个网站
所属栏目:[交互] 日期:2018-08-20 热度:183
一个很简单的代码,用 Java Script 显示浏览器访问过的网站数,比较奇特,这是JS底层的变量了,能检测到你打开电脑后访问过的网站有几个,有点遗憾不能列出这些网站,使用了浏览器的history属性,统计不重复的历史记录的个数,其实搞明白了会发觉超简单啊[详细]
-
网页中引用百度手写板js代码,给网站添加手写功能
所属栏目:[交互] 日期:2018-08-20 热度:137
Java Script远程调用的实现,在网页中引用百度手写板代码的JS脚本,参考的价值不是很大,对于一些菜鸟站长还是不错的,可以给自己的网站添加一个手写功能,简单引用百度的Js文件就可以了,如果大家想使用这个类的话,烈火推荐大家自己下载就行了,正好可参[详细]
-
JavaScript实现网页中字符随机排序
所属栏目:[交互] 日期:2018-08-20 热度:99
烈94火64网(LieHuo18.Net)网页特效教27程 一个非常基础的 Java Script效果,其实也算不得什么特效,利用js实现字符随机排序,自动抽取中文与英文字母,重新组合并随机排序,生成随机数很可以。 大家看看演示效果吧! htmlheadtitleJavaScript随机排序/titl[详细]
-
VML 技术绘出一个红色椭圆形
所属栏目:[交互] 日期:2018-08-20 热度:102
以前,烈火曾经发表过VML绘制梅花、绘制曲线等网页特效,今天再来同大家探讨一个比较简单的VML特效,实现一个红色椭圆形。 关于VML的介绍,请参照烈火百科:http://baike.liehuo.net/doc-view-8894.html 效果如下: html xmlns:vheadmeta http-equiv=conte[详细]
-
JS获取DIV动态高度,并赋值到其style样式中
所属栏目:[交互] 日期:2018-08-20 热度:151
JS获取DIV动态高度,并赋值到其style样式中,用javaScript Alert弹出对话框,告之值的多少。 演示效果如下: headmeta http-equiv=Content-Type content=text/html; charset=gb2312 /titleJS获取DIV动态高度,并赋值到其style样式中 - 烈火学院 Liehuo.Net[详细]
-
网页引入“搜狗云输入法”的实现代码
所属栏目:[交互] 日期:2018-08-16 热度:57
网页引入搜狗云输入法的实现代码,只在 IE浏览器 下测试通过,并且还不是太完美,其它浏览器例如 Chrome 等都不太好,作者主要是将搜狗云输入法的源代码解析出来了,地址是:http://code.google.com/p/fiskercloudinput/ 引入示例: !DOCTYPE htmlhtmlmeta[详细]
-
带进度条的性格测试题代码,答题后显示测试结果
所属栏目:[交互] 日期:2018-08-16 热度:97
基于 jQuery 实现的、带进度条显示的性格测试题代码,答题后显示测试结果,在一些性格和智力测试网站上经常可以见到,还有一些驾校考试网站也使用这样的效果,但是性质有所不同,还有一些使用Flash实现的。 为解决一些网页特效运行后不能显示效果(例如:j[详细]
-
jQuery配合Css模拟五星级评分效果代码
所属栏目:[交互] 日期:2018-08-16 热度:119
分享一个 jQuery 配合Css模拟五星级评分效果代码,用图层模仿五星星评价功能的特效代码,星星评价功能,通常应用于文章,评论,下载星级评定等功能上面的一款网页特效。如果您的网站已经引入jQuery,那么实现起来就比较简单了,反之就不推荐使用了。 为解[详细]
-
点击按钮关注新浪微博,自动加关注代码
所属栏目:[交互] 日期:2018-08-16 热度:51
点击按钮关注 新浪微博 ,自动加关注代码,这是根据新浪官方代码修改的,大家可以自定义一下。把uid后面的数字修改为自己微博账号,样式也可以自己修改,也可进入微博组件中自己更换样式。 本文示例: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transit[详细]
-
网页元素onmouseover实现鼠标响应图片变换
所属栏目:[交互] 日期:2018-08-16 热度:136
在刚刚看过JS响应鼠标变换图片并增加链接的特效之后,我们再来看一下简单的图片变换,这里只用到了A标记中的onmouseover属性,当我们把鼠标指向图片时,onmouseover就发挥作用了,这里图片改换为另一张,比较基础的HTML网页例子,高手不要见笑。 示例: !D[详细]
-
JavaScript随机数排序(冒泡排序)代码
所属栏目:[交互] 日期:2018-08-16 热度:81
说到JS冒泡,小编非常有印象,烈火网很久以前就在一些技术博客、前端论坛转载过这样的文章,我们先来《JavaScript 事件冒泡简介及应用实例》,再来看一下两种JS冒泡的示例(代码一、代码二)终于回来了,今天还是要看这一类的例子,我们一起来学习吧。 示[详细]
-
jQuery层次选择器,网页多元素选择器代码
所属栏目:[交互] 日期:2018-08-16 热度:92
jQuery 层次选择器,网页多元素选择器代码。其中JS代码段是辅助例子,用于实现自动重置和给元素添加动画。例子允许你选择 body内的所有div元素、选择 所有class为one 的下一个div元素、选择 id为two的元素后面的所有div兄弟元素等。 为解决一些网页特效运[详细]
-
jQuery添加事件、移除事件实例代码
所属栏目:[交互] 日期:2018-08-16 热度:68
jQuery 添加事件、移除事件实例代码,在本例中,jQuery创建了多个事件,绑定到函数,演示了如何删除指定的事件,在本例中是删除第二个事件,供初学者参考。 为解决一些网页特效运行后不能显示效果(例如:jQuery则需要刷新)问题,烈火特别新增网页版演示[详细]
-
jQuery与JavaScript加载图片的时间对比
所属栏目:[交互] 日期:2018-08-16 热度:98
jQuery 是一款近年来推出的优秀JS框架,它比普通的 Java Script在使用上要方便、灵活、强大的很多,本文就以jQuery和普通JS加载图片的时间来对比一下它们之间的差距,分别使用了jQuery的ready() 与JavaScript的window.onload两个变量。 为解决一些网页特效[详细]
-
JS模拟球落地、碰撞,用力扔出去弹来弹去
所属栏目:[交互] 日期:2018-08-16 热度:168
JS模拟球落地、碰撞,用力扔出去弹来弹去, Java Script结合图片完成的代码,随便拖到一个浏览器试试,就像跳跳球一样的效果,鼠标碰到某个浏览器的图标后,图标就会落下来。 这个效果让我们想起烈火网以前发表的《跟随鼠标的小球,有弹性围绕鼠标扯蛋效果[详细]
-
雪花飘舞下的圣诞树旋转效果 基于HTML5技术实现
所属栏目:[交互] 日期:2018-08-14 热度:73
分享一款3D逼真的雪花飘舞下的圣诞树旋转效果,这么漂亮炫酷的效果当然是基于HTML5技术实现的哦,这可不是Flash制作的哦,另外本效果需要在 IE9 、 Chrome 、火狐等浏览器下才会有效果的,因此呢下边的运行按钮您也不用按了,请直接另存代码或复制代码再通[详细]