JS实现的网页背景闪电闪烁效果代码


Posted in Javascript onOctober 17, 2015

本文实例讲述了JS实现的网页背景闪电闪烁效果代码。分享给大家供大家参考,具体如下:

这款JavaScript特效代码可实现网页背景的闪电闪烁特效,点击网页上的按钮,即可激活效果,很炫的效果,细心的JS爱好者会发现,其实是把网页的背景颜色由“黑色”快速变换成“白色”,形成了“闪电”效果。

在线演示地址如下:

具体代码如下:

<html>
<head>
<title>闪电闪烁背景</title>
</head>
<body>
<script LANGUAGE="JavaScript">
function blinkOn(){
theWin.document.bgColor = "000000"
nTimes++
JSCTimeOutID = window.setTimeout("blinkOff()",50);
}
function blinkOff(){
theWin.document.bgColor = "FFFFFF"
if (nTimes < 3)
JSCTimeOutID = window.setTimeout("blinkOn()",50);
else theWin.history.go(0)
}
function blinkit(aWin)
{
nTimes = 0
theWin = aWin
JSCTimeOutID = window.setTimeout("blinkOn()",50);
}
</script>
<form>
<div align="center">
<center>
<p>
<input TYPE="BUTTON" VALUE="欢迎光临三水点靠木" onClick="blinkit(self)"> 
</p>
</center>
</div>
</form>
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
prototype Element学习笔记(篇二)
Oct 26 Javascript
javascript 拖动表格行实现代码
May 05 Javascript
浏览器打开层自动缓慢展开收缩实例代码
Jul 04 Javascript
客户端js性能优化小技巧整理
Nov 05 Javascript
jQuery实现类似淘宝网图片放大效果的方法
Jul 08 Javascript
js实现鼠标点击左上角滑动菜单效果代码
Sep 06 Javascript
BootstrapValidator不触发校验的实现代码
Sep 28 Javascript
AngularJS入门教程之多视图切换用法示例
Nov 02 Javascript
微信小程序 图片边框解决方法
Jan 16 Javascript
js断点调试经验分享
Dec 08 Javascript
Vue组件中的data必须是一个function的原因浅析
Sep 03 Javascript
js打开word文档预览操作示例【不是下载】
May 23 Javascript
JavaScript实现点击按钮切换网页背景色的方法
Oct 17 #Javascript
JavaScript实现的背景自动变色代码
Oct 17 #Javascript
jQuery实现有动画淡出效果的二级折叠菜单代码
Oct 17 #Javascript
利用jQuery和CSS将背景图片拉伸
Oct 16 #Javascript
基于jQuery实现的菜单切换效果
Oct 16 #Javascript
javascript判断复选框是否选中的方法
Oct 16 #Javascript
jquery判断复选框是否被选中的方法
Oct 16 #Javascript
You might like
详细介绍PHP应用提速面面观
2006/10/09 PHP
PHP中可以自动分割查询字符的Parse_str函数使用示例
2014/07/25 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
PHP面向对象之后期静态绑定功能介绍
2015/05/18 PHP
jQuery弹出层插件简化版代码下载
2008/10/16 Javascript
基于JavaScript 下namespace 功能的简单分析
2013/07/05 Javascript
jQuery实现用户注册的表单验证示例
2013/08/28 Javascript
js获取当月最后一天实例代码
2013/11/19 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
JavaScript中setMonth()方法的使用详解
2015/06/11 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
jquery删除table当前行的实例代码
2016/10/07 Javascript
JavaScript实现使用Canvas绘制图形的基本教程
2016/10/27 Javascript
javascript 实现动态侧边栏实例详解
2016/11/11 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
js指定步长实现单方向匀速运动
2017/07/17 Javascript
webpack搭建vue 项目的步骤
2017/12/27 Javascript
js 实现复选框只能选择一项的示例代码
2018/01/23 Javascript
[原创]jquery判断元素内容是否为空的方法
2018/05/04 jQuery
详解一个基于react+webpack的多页面应用配置
2019/01/21 Javascript
在微信小程序中渲染HTML内容3种解决方案及分析与问题解决
2020/01/12 Javascript
Python正则表达式教程之二:捕获篇
2017/03/02 Python
numpy linalg模块的具体使用方法
2019/05/26 Python
python实现两个文件夹的同步
2019/08/29 Python
详解基于python-django框架的支付宝支付案例
2019/09/23 Python
wxpython绘制音频效果
2019/11/18 Python
python实现拉普拉斯特征图降维示例
2019/11/25 Python
expedia比利时:预订航班+酒店并省钱
2018/07/13 全球购物
澳大利亚领先的武术用品和健身器材供应商:SMAI
2019/03/24 全球购物
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
个人求职简历的自我评价
2013/10/19 职场文书
根叔历年演讲稿
2014/05/20 职场文书
导航工程专业自荐信
2014/09/02 职场文书
小学生运动会报道稿
2014/09/12 职场文书
员工辞职信怎么写
2015/02/27 职场文书