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 相关文章推荐
基于jquery的表头固定的若干方法
Jan 27 Javascript
简化版手机端照片预览组件
Apr 13 Javascript
zepto中使用swipe.js制作轮播图附swipeUp,swipeDown不起效果问题
Aug 27 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
jQuery操作cookie
Aug 08 Javascript
Angular2 之 路由与导航详细介绍
May 26 Javascript
初探js和简单隐藏效果的实例
Nov 23 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
JS window对象简单操作完整示例
Jan 14 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 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中常用编辑器推荐
2007/01/02 PHP
PHP字符串的编码问题的详细介绍
2013/04/27 PHP
PHP 绘制网站登录首页图片验证码
2016/04/12 PHP
自适应高度框架 ----属个人收藏内容
2007/01/22 Javascript
JavaScript修改css样式style
2008/04/15 Javascript
javascript 另一种图片滚动切换效果思路
2012/04/20 Javascript
JavaScript高级程序设计(第3版)学习笔记6 初识js对象
2012/10/11 Javascript
jQuery $.data()方法使用注意细节
2012/12/31 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
jquery获取复选框checkbox的值的简单实现方法
2016/05/26 Javascript
JavaScript插件Tab选项卡效果
2017/11/14 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
详解PHP后期静态绑定分析与应用
2018/03/21 Javascript
webstorm添加*.vue文件支持
2018/05/08 Javascript
vue下拉菜单组件(含搜索)的实现代码
2018/11/25 Javascript
JavaScript栈和队列相关操作与实现方法详解
2018/12/07 Javascript
微信小程序实现的绘制table表格功能示例
2019/04/26 Javascript
JS插入排序简单理解与实现方法分析
2019/11/25 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
[06:07]辉夜杯现场观众互动 “比谁远送显示器”
2015/12/26 DOTA
Java中重定向输出流实现用文件记录程序日志
2015/06/12 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
python opencv图片编码为h264文件的实例
2019/12/12 Python
Tensorflow限制CPU个数实例
2020/02/06 Python
python文件排序的方法总结
2020/09/13 Python
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
全球最大的瓷器、水晶和银器零售商:Replacements
2020/06/15 全球购物
写给女生的道歉信
2014/01/08 职场文书
消防安全宣传标语
2014/06/07 职场文书
学校党的群众路线教育实践活动总结报告
2014/07/03 职场文书
计生办班子群众路线教育实践活动个人对照检查材料思想汇报
2014/10/04 职场文书
技术支持岗位职责
2015/02/13 职场文书
Python中Permission denied的解决方案
2021/04/02 Python
聊聊JS ES6中的解构
2021/04/29 Javascript
MySQL数据库完全卸载的方法
2022/03/03 MySQL