-
jQuery.selectALL插件实现全选和取消全选效果
所属栏目:[交互] 日期:2018-11-17 热度:145
在前端开发中,经常会出现这种情况:单击某一复选框实现某一行或某一列的复选框在被选中或不被选中的状态间切换。在没有 jQuery 之前,我们需要一大段js代码来实现这种效果。有了jQuery这个强大的库之后,我们可以很方便的开发实现这种效果的jQuery插件。[详细]
-
一个非常简单的点击打开/收缩代码
所属栏目:[交互] 日期:2018-11-17 热度:66
这是一个非常简单的点击打开/收缩代码,利用JS实现的,几行代码,烈火网没有美化,你可以自己用CSS美化一下,如果您还不懂如何使用CSS,请参照烈火网提供的CSS中文手册。 以下为实例代码: style#subitem1,#subitem2 {padding:2px;background-color:#FBFCF[详细]
-
jQuery 制作超级简单版的窗帘效果
所属栏目:[交互] 日期:2018-11-17 热度:83
本文的特效还是 jQuery 实现的,一个超级简单的窗帘特效,如果你会CSS的话,可以稍加美化,我相信一定会非常有用的哦。 烈火网提示,本效果中使用了WindowClose.js插件。 查看实例演示: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN htt[详细]
-
JavaScript 高亮显示文章中的关键字
所属栏目:[交互] 日期:2018-11-15 热度:195
用JS让文章内容指定的关键字加亮是这样的..现在有这些关键字:美容,生活,购物当在文章里头出现这些关键字,就把它加亮显示..文章是生成静态页面的,而这些关键字是能随时更新的,所以我想用JS来实现...不知道怎样来实现这样的功能啊?特此求助 以上示例代码如下[详细]
-
如何防止网站的网页内容禁止他人复制
所属栏目:[交互] 日期:2018-11-15 热度:63
说实话,我觉得是没有办法避免别人复制你的网页,他可以把网站保存下来,或者在缓存目录C:Documents and SettingsAdministratorLocal SettingsTemporary Internet Files 里复制内容,然后去掉js代码,再保存,所以做这个功能只是迷惑一下外行。 !DOCTY[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-11-05 热度:89
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-11-05 热度:180
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-11-05 热度:115
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-11-05 热度:96
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目:[交互] 日期:2018-11-05 热度:83
最近一段时间,谷歌可谓是折腾了又折腾,就拿昨天的跳转事件来说吧,可把媒体忙活的不清,先是执行了跳转,然后又爆出不再跳转,申请牌照,尔后的时间又出现了奇迹:传谷歌中国获得ICP牌照续期,Google.CN重新回到中国,不再跳转香港了,烈火也忙了半天,[详细]
-
判断是否IE6,如果是则提示升级浏览器
所属栏目:[交互] 日期:2018-11-05 热度:84
一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。 回顾: 以前的教程,烈火曾经提到判断IE6的方法,例如: javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目:[交互] 日期:2018-11-05 热度:127
用js代码作画,你想过没有?我们知道js编写游戏,在以前的文章中,有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等,今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果,你就知道了,这可不是一幅画,这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目:[交互] 日期:2018-11-05 热度:181
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果,这是烈火发表的第一篇关于模块可拖拽的网页特效,一直以来这种效果都非常流行,尤其作为网址导航或个性首页都在使用这个效果,现在在使用的最著名就是iGoolge主页,还正在采用这种模式,[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目:[交互] 日期:2018-11-05 热度:67
今天烈火给大家介绍的是一个特殊的网页特效,在本特效中要用到VML,在文中,作者使用VML在网页上绘制了一幅梅花图,尤其对于VML爱好者来说,可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
如何实现打开网页自动到达指定位置?
所属栏目:[交互] 日期:2018-11-02 热度:118
问题: 如何进去页面后自动到某个位置 不要index.html#hehe 这种形式, 就是我直接进入一个.html的文件,如何直接就到#hehe 的这个位置,谢谢了 回答: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xht[详细]
-
仿WordPress的评论管理 基于jQuery设计
所属栏目:[交互] 日期:2018-11-02 热度:107
jQuery 真的是无所不能的,我相信你们大多数人都看到过 WordPress 留言管理的后台。让我们用jQuery来模仿着试试看。为了模仿它的背景颜色,你必须添加Color Anination插件。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.o[详细]
-
幕布滑动下降效果 可用于网站公告
所属栏目:[交互] 日期:2018-11-02 热度:166
经常看电影吧?那你肯定见过电影的幕布降落,不过我们很难去做这样的事情,本文讲的就是利用 jQuery 实现的一个类似幕布下降的效果,缓冲滑动效果,烈火网友情提示:本特效您可以用于网站的顶部公告栏。但是前提需要加载JQuery.js。 !DOCTYPE html PUBLIC[详细]
-
仿51job方式的地址选择效果代码
所属栏目:[交互] 日期:2018-11-02 热度:144
这是仿51job的一个选择效果,基于 Java script实现,单击选择后弹出遮罩层,以下拉的形式展现,被选择的项目会实时展示在层里面,点击确定后显示在网页上,非常不错的效果,大家可以借鉴一下实现思路: html xmlns=http://www.w3.org/1999/xhtmlheadmeta h[详细]
-
JavaScript生成自动排序的随机数字
所属栏目:[交互] 日期:2018-11-02 热度:103
烈火网(LieHuo.Net)教程 利用 Java Script脚本按规定生成随机数字,并按指定顺序自动排序,本例中将生成1100以内的随机数,并按照由小到大的顺序排列起来,看一下效果不错吧? titleJavaScript生成随机数并自动排序/titlescriptvar baseNum=[];for(var i=[详细]
-
禁用鼠标右键的效果 基于JavaScript
所属栏目:[交互] 日期:2018-11-02 热度:158
现在的网页制作中,禁用鼠标右键虽然行为不怎么好,但是事件停止的函数可以参考一下,以下就是一个基于javascript实现的禁用右键效果。 htmlheadtitle禁用右键-liehuo.net/title/headbodystrongwww.veryhuo.com 试一下右键?/strongscript type=text/javas[详细]
-
IE浏览器疯狂的抖动(地震)效果
所属栏目:[交互] 日期:2018-11-02 热度:55
烈火网(LieHuo.Net)教程 利用javascript让 IE浏览器 疯狂的震动特效,你有没有见过,可惜本代码仅支持IE,其它一切浏览器都不支持,想试试吗?注意哦,会很害怕滴! htmlheadmeta http-equiv=Content-Type content=text/html; charset=gb2312title网页特效[详细]
-
一款简单的网页 Tab 标签效果
所属栏目:[交互] 日期:2018-11-02 热度:142
烈火网(LieHuo.Net)教程 Web开发真是一件有趣的事情,自定义控件,js,div布局以及JQuery等等,最近学习的感觉就是收获还是蛮大的,闲来无事,所以想写一些东西,每天都会去163浏览新闻以及其中的评论,163主新闻区使用了 网页Tab来显示各个分类的新闻,所[详细]
-
Javascript 实现密码强度验证效果
所属栏目:[交互] 日期:2018-10-31 热度:52
烈火网(LieHuo.Net)教程 web2.0日益发展的今天,很多论坛和博客都在用户注册时添加了验证密码强度的功能,在以前的文章中,我们曾经给出过一段检验密码强度的例子,今天再看一个与《Javascript验证密码强度的实例代码》的代码。 htmlheadtitle密码强度检测[详细]
-
JavaScript 实现数字跳动的抽奖效果
所属栏目:[交互] 日期:2018-10-31 热度:176
烈火网(LieHuo.Net)教程 在前面的文章中我们阅读过《开始生成随机数点击停止结束(类似抽奖)》,今天再来看一个例子,也是 Java Script 实现数字跳动的抽奖效果,与上一篇有所不同,大家看演示代码: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitio[详细]
-
蜡烛跟随鼠标点亮周围网页的特效
所属栏目:[交互] 日期:2018-10-31 热度:192
烈火网(LieHuo.Net)教程 2008年5月12日一场空前的灾难降临到我国的四川省,那就是5.12大地震,在这次地震中,华夏儿女的许多同胞都离开了我们,为了纪念这一灾难,我们特别制作本期鼠标特效《蜡烛跟随鼠标点亮周围网页的特效》。 请看下边的代码: htmlhea[详细]