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 getElementsByTagName的简写方式
Jun 27 Javascript
JQuery获取样式中的background-color颜色值的问题
Aug 20 Javascript
JavaScript中的类数组对象介绍
Dec 30 Javascript
JSON字符串和对象之间的转换详解
May 26 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
node.js从数据库获取数据
May 08 Javascript
各式各样的导航条效果css3结合jquery代码实现
Sep 17 Javascript
select下拉框插件jquery.editable-select详解
Jan 22 Javascript
js实现textarea限制输入字数
Feb 13 Javascript
Vue下滚动到页面底部无限加载数据的示例代码
Apr 22 Javascript
vue自定义一个v-model的实现代码
Jun 21 Javascript
解决layui动态添加的元素click等事件触发不了的问题
Sep 20 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 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
PHP 数组基础知识小结
2010/08/20 PHP
PHP读取数据库并按照中文名称进行排序实现代码
2013/01/29 PHP
php批量删除超链接的实现方法
2015/10/19 PHP
PHP实现微信小程序人脸识别刷脸登录功能
2018/05/24 PHP
PHP如何开启Opcache功能提升程序处理效率
2020/04/27 PHP
google地图的路线实现代码
2009/08/20 Javascript
深入浅出分析javaScript中this用法
2015/05/09 Javascript
基于JavaScript短信验证码如何实现
2016/01/24 Javascript
jQuery 获取多选框的值及多选框中文的函数
2016/05/16 Javascript
超级简易的JS计算器实例讲解(实现加减乘除)
2017/08/08 Javascript
vue-router 起步步骤详解
2019/03/26 Javascript
Vue事件修饰符native、self示例详解
2019/07/09 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
[01:16:13]DOTA2-DPC中国联赛 正赛 SAG vs Dragon BO3 第一场 2月22日
2021/03/11 DOTA
用python登录Dr.com思路以及代码分享
2014/06/25 Python
Python创建文件和追加文件内容实例
2014/10/21 Python
Python模拟登录12306的方法
2014/12/30 Python
Python自动化部署工具Fabric的简单上手指南
2016/04/19 Python
django drf框架中的user验证以及JWT拓展的介绍
2019/08/12 Python
Python单例模式的四种创建方式实例解析
2020/03/04 Python
离线状态下在jupyter notebook中使用plotly实例
2020/04/24 Python
python中对二维列表中一维列表的调用方法
2020/06/07 Python
Python高并发和多线程有什么关系
2020/11/14 Python
详解Python GUI编程之PyQt5入门到实战
2020/12/10 Python
联想中国官方商城:Lenovo China
2017/10/18 全球购物
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
部队领导证婚词
2014/01/12 职场文书
最新优秀教师个人先进事迹材料
2014/05/06 职场文书
低碳环保口号
2014/06/12 职场文书
节能环保口号
2014/06/12 职场文书
党员四风剖析材料
2014/08/27 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
2015年学习部工作总结范文
2015/03/31 职场文书
人民币使用说明书
2019/04/17 职场文书
你知道哪几种MYSQL的连接查询
2021/06/03 MySQL