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实现省市联动效果的简单实例
Feb 10 Javascript
jquery五角星评分插件示例分享
Feb 21 Javascript
实例分析javascript中的call()和apply()方法
Nov 28 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
Apr 07 Javascript
BootStrap文件上传样式超好看【持续更新】
May 10 Javascript
老生常谈JavaScript 函数表达式
Sep 01 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 jQuery
node文件批量重命名的方法示例
Oct 23 Javascript
webpack公共组件引用路径简化小技巧
Jun 15 Javascript
element-ui中的select下拉列表设置默认值方法
Aug 24 Javascript
详解Vue中的MVVM原理和实现方法
Jul 15 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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
PHP4之真OO
2006/10/09 PHP
php 采集书并合成txt格式的实现代码
2009/03/01 PHP
php gzip压缩输出的实现方法
2013/04/27 PHP
浅析Yii2集成富文本编辑器redactor实例教程
2016/04/25 PHP
PHP crc32()函数讲解
2019/02/14 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
javascript与CSS复习(三)
2010/06/29 Javascript
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
jquery数组封装使用方法分享(jquery数组遍历)
2014/03/25 Javascript
ES6新特性之解构、参数、模块和记号用法示例
2017/04/01 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
node使用Koa2搭建web项目的方法
2017/10/17 Javascript
layui form表单提交后实现自动刷新
2019/10/25 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
使用JavaScript实现贪吃蛇游戏
2020/09/29 Javascript
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
python使用7z解压apk包的方法
2015/04/18 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
python逆向入门教程
2018/01/15 Python
利用Python如何生成便签图片详解
2018/07/09 Python
python无限生成不重复(字母,数字,字符)组合的方法
2018/12/04 Python
使用python将mysql数据库的数据转换为json数据的方法
2019/07/01 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
Java ExcutorService优雅关闭方式解析
2020/05/30 Python
编写python代码实现简单抽奖器
2020/10/20 Python
使用HTML5原生对话框元素并轻松创建模态框组件
2019/03/06 HTML / CSS
医疗保健专业人士购物网站:Scrubs & Beyond
2017/02/08 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
联想阿根廷官方网站:Lenovo Argentina
2019/10/14 全球购物
请介绍一下WSDL的文档结构
2013/03/17 面试题
新闻专业个人自我评价
2013/09/21 职场文书
工商学院毕业生自荐信
2013/11/12 职场文书
2014基建处领导班子“四风”对照检查材料思想汇报
2014/10/04 职场文书
教师党员批评与自我批评
2014/10/15 职场文书
初中班主任培训心得体会
2016/01/07 职场文书