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 相关文章推荐
juqery 学习之三 选择器 子元素与表单
Nov 25 Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
javascript 使用for循环时该注意的问题-附问题总结
Aug 19 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
Feb 05 Javascript
利用prop-types第三方库对组件的props中的变量进行类型检测
May 02 Javascript
Bootstrap Table从零开始
Jun 30 Javascript
基于vue.js实现的分页
Mar 13 Javascript
Vue实现todolist删除功能
Jun 26 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
封装Vue Element的table表格组件的示例详解
Aug 19 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
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
JavaScript面象对象设计
2008/04/28 Javascript
zeroclipboard复制到剪切板的flash
2010/08/04 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
JS获取各种浏览器窗口大小的方法
2014/01/14 Javascript
javascritp添加url参数将参数加入到url中
2014/09/25 Javascript
javascript实现可全选、反选及删除表格的方法
2015/05/15 Javascript
Vue系列:通过vue-router如何传递参数示例
2017/01/16 Javascript
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
2017/05/20 jQuery
jQuery 实现鼠标画框并对框内数据选中的实例代码
2017/08/29 jQuery
在vue项目中使用Nprogress.js进度条的方法
2018/01/31 Javascript
JS实现获取word文档内容并输出显示到html页面示例
2018/06/23 Javascript
解决ele ui 表格表头太长问题的实现
2019/11/13 Javascript
微信小程序地图绘制线段并且测量(实例代码)
2020/01/02 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
python海龟绘图实例教程
2014/07/24 Python
对python中的logger模块全面讲解
2018/04/28 Python
Flask框架WTForm表单用法示例
2018/07/20 Python
Python3爬取英雄联盟英雄皮肤大图实例代码
2018/11/14 Python
python远程调用rpc模块xmlrpclib的方法
2019/01/11 Python
python使用requests模块实现爬取电影天堂最新电影信息
2019/04/03 Python
对Python _取log的几种方式小结
2019/07/25 Python
Python 异步协程函数原理及实例详解
2019/11/13 Python
Python的PIL库中getpixel方法的使用
2020/04/09 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
新西兰航空中国官网:Air New Zealand China
2018/07/24 全球购物
什么是.net
2015/08/03 面试题
C#如何调用Word并打开一个Word文档
2013/05/08 面试题
经典促销广告词大全
2014/03/19 职场文书
给朋友的赠语
2015/06/23 职场文书
Pytest allure 命令行参数的使用
2021/04/18 Python
使用Canvas绘制一个游戏人物属性图
2022/03/25 Javascript