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 相关文章推荐
JavaScript和ActionScript的交互实现代码
Aug 01 Javascript
纯js实现遮罩层效果原理分析
May 27 Javascript
jQuery实现网页抖动的菜单抖动效果
Aug 07 Javascript
论Bootstrap3和Foundation5网格系统的异同
May 16 Javascript
基于vue.js实现图片轮播效果
Dec 01 Javascript
JS中传递参数的几种不同方法比较
Jan 20 Javascript
详解微信小程序的 request 封装示例
Aug 21 Javascript
JavaScript的词法结构精华篇
Oct 17 Javascript
详解vue-router导航守卫
Jan 19 Javascript
微信小程序云开发详细教程
May 16 Javascript
一文看懂如何简单实现节流函数和防抖函数
Sep 05 Javascript
查找Vue中下标的操作(some和findindex)
Aug 12 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
哪吒敖丙传:新人物二哥敖乙出场 小敖丙奶气十足
2020/03/08 国漫
php实现用于计算执行时间的类实例
2015/04/18 PHP
laravel实现一个上传图片的接口,并建立软链接,访问图片的方法
2019/10/12 PHP
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
extjs4 treepanel动态改变行高度示例
2013/12/17 Javascript
JavaScript函数模式详解
2014/11/07 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
2016/03/01 Javascript
12个非常实用的JavaScript小技巧【推荐】
2016/05/18 Javascript
js 弹出对话框(遮罩)透明,可拖动的简单实例
2016/07/11 Javascript
基于chosen插件实现人员选择树搜索自动筛选功能
2016/09/24 Javascript
js学习总结之DOM2兼容处理重复问题的解决方法
2017/07/27 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
2019/05/10 Javascript
实例详解带参数的 npm script
2019/05/28 Javascript
vue表单中遍历表单操作按钮的显示隐藏示例
2019/10/30 Javascript
JS中作用域以及变量范围分析
2020/07/18 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
[38:30]2014 DOTA2国际邀请赛中国区预选赛 LGD-GAMING VS CIS 第一场2
2014/05/24 DOTA
[04:27]2014DOTA2国际邀请赛 NAVI战队官方纪录片
2014/07/21 DOTA
学习python 之编写简单乘法运算题
2016/02/27 Python
Python爬虫爬验证码实现功能详解
2016/04/14 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
python 将md5转为16字节的方法
2018/05/29 Python
python 地图经纬度转换、纠偏的实例代码
2018/08/06 Python
Python多进程方式抓取基金网站内容的方法分析
2019/06/03 Python
Pytorch损失函数nn.NLLLoss2d()用法说明
2020/07/07 Python
Python中lru_cache的使用和实现详解
2021/01/25 Python
html5中使用hotcss.js实现手机端自适配的方法
2020/04/23 HTML / CSS
shell变量的作用空间是什么
2013/08/17 面试题
财务管理专业应届毕业生求职信
2013/09/22 职场文书
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
2013的个人自我评价
2013/12/26 职场文书
追悼会子女答谢词
2014/01/28 职场文书
员工年终自我评价
2014/09/14 职场文书
责任书格式
2015/01/29 职场文书
教师节座谈会主持词
2015/07/03 职场文书
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
2021/12/06 HTML / CSS