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控制表格隔行变色
Jun 26 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
Aug 01 Javascript
jQuery中内容过滤器简单用法示例
Mar 31 jQuery
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
微信小程序出现wx.getLocation再次授权问题的解决方法分析
Jan 16 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
Jun 26 Javascript
JS立即执行的匿名函数用法分析
Nov 04 Javascript
Vue中使用Lodop插件实现打印功能的简单方法
Dec 19 Javascript
如何利用JavaScript编写更好的条件语句详解
Aug 10 Javascript
解决Antd Table组件表头不对齐的问题
Oct 27 Javascript
javascript 数组(list)添加/删除的实现
Dec 17 Javascript
Vue包大小优化的实现(从1.72M到94K)
Feb 18 Vue.js
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
杏林同学录(七)
2006/10/09 PHP
PHP JSON格式数据交互实例代码详解
2011/01/13 PHP
PHP实现恶意DDOS攻击避免带宽占用问题方法
2015/05/27 PHP
帝国CMS留言板回复后发送EMAIL通知客户
2015/07/06 PHP
详解laravel安装使用Passport(Api认证)
2018/07/27 PHP
jquery中对表单的基本操作代码
2010/07/29 Javascript
javascript实例分享---具有立体效果的图片特效
2014/06/08 Javascript
Nodejs异步回调的优雅处理方法
2014/09/25 NodeJs
js封装可使用的构造函数继承用法分析
2015/01/28 Javascript
实用jquery操作表单元素的简单代码
2016/07/04 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
基于JavaScript实现焦点图轮播效果
2017/03/27 Javascript
JS实现微信摇一摇原理解析
2017/07/22 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
浅谈React前后端同构防止重复渲染
2018/01/05 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
JavaScript ES6中的简写语法总结与使用技巧
2018/12/30 Javascript
vue拖拽组件 vuedraggable API options实现盒子之间相互拖拽排序
2019/07/08 Javascript
JS实现的进制转换,浮点数相加,数字判断操作示例
2019/11/09 Javascript
Vue父组件监听子组件生命周期
2020/09/03 Javascript
ESLint 是如何检查 .vue 文件的
2020/11/30 Vue.js
[56:41]iG vs Winstrike 2018国际邀请赛小组赛BO2 第二场
2018/08/17 DOTA
爬山算法简介和Python实现实例
2014/04/26 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
python多进程(加入进程池)操作常见案例
2019/10/21 Python
Python类反射机制使用实例解析
2019/12/30 Python
python GUI库图形界面开发之PyQt5窗口控件QWidget详细使用方法
2020/02/26 Python
Python 可视化神器Plotly详解
2020/12/26 Python
Css3圆角边框制作代码
2015/11/18 HTML / CSS
师范毕业生求职信
2014/07/11 职场文书
员工激励培训演讲稿
2014/09/16 职场文书
2015年简历自我评价范文
2015/03/11 职场文书
办公室日常管理制度
2015/08/04 职场文书
二年级作文之动物作文
2019/11/13 职场文书
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS