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 相关文章推荐
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
Nov 03 Javascript
jquery调用wcf并展示出数据的方法
Jul 07 Javascript
Javascript 命名空间模式
Nov 01 Javascript
JavaScript基础篇(3)之Object、Function等引用类型
Nov 30 Javascript
js实现n秒倒计时后才可以点击的效果
Dec 20 Javascript
浅谈JS中String()与 .toString()的区别
Oct 20 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
简单谈谈Javascript函数中的arguments
Feb 09 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
Dec 24 Javascript
关闭Vue计算属性自带的缓存功能方法
Mar 02 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 Javascript
js实现小时钟效果
Mar 25 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 htmlentities和htmlspecialchars 的区别
2008/08/18 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
php中error与exception的区别及应用
2014/07/28 PHP
PHP实现简单数字分页效果
2015/07/26 PHP
php实现可逆加密的方法
2015/08/11 PHP
PHP截取发动短信内容的方法
2017/07/04 PHP
Codeigniter里的无刷新上传的实现代码
2019/04/14 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
JavaScript中String和StringBuffer的速度之争
2010/04/01 Javascript
js正文内容高亮效果的实现方法
2013/06/30 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
AngulaJS路由 ui-router 传参实例
2017/04/28 Javascript
node中Express 动态设置端口的方法
2017/08/04 Javascript
JavaScript实现正则去除a标签并保留内容的方法【测试可用】
2018/07/18 Javascript
JavaScript fetch接口案例解析
2018/08/30 Javascript
简述vue-cli中chainWebpack的使用方法
2019/07/30 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
微信小程序保持session会话的方法
2020/03/20 Javascript
Python下的twisted框架入门指引
2015/04/15 Python
Python实现Mysql数据库连接池实例详解
2017/04/11 Python
Python使用win32com实现的模拟浏览器功能示例
2017/07/13 Python
Python实现的购物车功能示例
2018/02/11 Python
python模拟登陆,用session维持回话的实例
2018/12/27 Python
利用Python脚本实现自动刷网课
2020/02/03 Python
在django中查询获取数据,get, filter,all(),values()操作
2020/08/09 Python
如何把python项目部署到linux服务器
2020/08/26 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
2015年幼儿园毕业感言
2014/02/12 职场文书
建材投资建议书
2014/05/16 职场文书
2015年小学开学寄语
2015/02/27 职场文书
2015年七夕爱情寄语
2015/03/24 职场文书
2015年暑假生活总结
2015/07/13 职场文书
小学班主任教育随笔
2015/08/15 职场文书
2020年个人安全保证书参考模板
2020/01/08 职场文书
DIV CSS实现网页背景半透明效果
2021/12/06 HTML / CSS
使用python求解迷宫问题的三种实现方法
2022/03/17 Python