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 相关文章推荐
禁止F5等快捷键的JS代码
Mar 06 Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
jQuery的end()方法使用详解
Jul 15 Javascript
js实现图片放大和拖拽特效代码分享
Sep 05 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
AngularJS修改model值时,显示内容不变的实例
Sep 13 Javascript
ajax与jsonp的区别及用法
Oct 16 Javascript
vue 对象添加或删除成员时无法实时更新的解决方法
May 01 Javascript
详解vue中v-model和v-bind绑定数据的异同
Aug 10 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
Terran剧情介绍
2020/03/14 星际争霸
通用PHP动态生成静态HTML网页的代码
2010/03/04 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
php数据序列化测试实例详解
2017/08/12 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
Centos7 Yum安装PHP7.2流程教程详解
2019/07/02 PHP
jqPlot Option配置对象详解
2009/07/25 Javascript
js去除输入框中所有的空格和禁止输入空格的方法
2014/06/09 Javascript
JS判断键盘是否按的回车键并触发指定按钮点击操作的方法
2017/02/13 Javascript
javascript事件的传播基础实例讲解(35)
2017/02/14 Javascript
详解打造 Vue.js 可复用组件
2017/03/24 Javascript
微信小程序获取循环元素id以及wx.login登录操作
2017/08/17 Javascript
layui实现根据table数据判断按钮显示情况的方法
2019/09/26 Javascript
js实现掷骰子小游戏
2019/10/24 Javascript
Vue实现星级评价效果实例详解
2019/12/30 Javascript
原生js实现购物车功能
2020/09/23 Javascript
Antd表格滚动 宽度自适应 不换行的实例
2020/10/27 Javascript
[02:37]2018DOTA2亚洲邀请赛赛前采访 VP.no[o]ne心中最强SOLO是谁
2018/04/04 DOTA
[01:06:43]完美世界DOTA2联赛PWL S3 PXG vs GXR 第二场 12.19
2020/12/24 DOTA
python多线程编程方式分析示例详解
2013/12/06 Python
Python列表(list)常用操作方法小结
2015/02/02 Python
python实现拓扑排序的基本教程
2018/03/11 Python
Python字符串的全排列算法实例详解
2019/01/07 Python
python 初始化一个定长的数组实例
2019/12/02 Python
python ftplib模块使用代码实例
2019/12/31 Python
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
乡镇办公室工作决心书
2014/03/11 职场文书
党员应该树立反腐倡廉的坚定意识思想汇报
2014/09/12 职场文书
学院党的群众路线教育实践活动整改方案
2014/10/04 职场文书
干部考察材料范文
2014/12/24 职场文书
向雷锋同志学习倡议书
2015/04/27 职场文书
2015年社区工会工作总结
2015/05/26 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书
2016秋季运动会开幕词
2016/03/04 职场文书
廉政党课工作报告案例
2019/06/21 职场文书
MySQL中使用or、in与union all在查询命令下的效率对比
2021/05/26 MySQL