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架构javascript基础体系
Jan 01 Javascript
JQuery优缺点分析说明
Apr 10 Javascript
javascript实现的元素拖动函数宿主为浏览器
Jul 21 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
jQuery内部原理和实现方式浅析
Feb 03 Javascript
jquery实现鼠标滑过小图查看大图的方法
Jul 20 Javascript
JS实现复制功能
Mar 01 Javascript
JS简单实现滑动加载数据的方法示例
Oct 18 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
vue双向绑定数据限制长度的方法
Nov 04 Javascript
用vite搭建vue3应用的实现方法
Feb 22 Vue.js
JS前端监控采集用户行为的N种姿势
Jul 23 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之第八天
2006/10/09 PHP
无数据库的详细域名查询程序PHP版(4)
2006/10/09 PHP
PHP XML操作类DOMDocument
2009/12/16 PHP
PHP实现登录注册之BootStrap表单功能
2017/09/03 PHP
PHP5.0~5.6 各版本兼容性cURL文件上传功能实例分析
2018/05/11 PHP
jQuery 添加/移除CSS类实现代码
2010/02/11 Javascript
jquery.validate使用攻略 第三部
2010/07/01 Javascript
jQuery插件Slider Revolution实现响应动画滑动图片切换效果
2015/06/05 Javascript
angularjs客户端实现压缩图片文件并上传实例
2015/07/06 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
2016/05/26 Javascript
有关jQuery中parent()和siblings()的小问题
2016/06/01 Javascript
jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果
2016/09/18 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
详解nodejs实现本地上传图片并预览功能(express4.0+)
2017/06/28 NodeJs
js最简单的双向绑定实例讲解
2018/01/02 Javascript
使用json-server简单完成CRUD模拟后台数据的方法
2018/07/12 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】
2019/06/09 Javascript
vue实现绑定事件的方法实例代码详解
2019/06/20 Javascript
Vue.js自定义指令学习使用详解
2019/10/19 Javascript
微信小程序在text文本实现多种字体样式
2019/11/08 Javascript
JavaScript数组排序的六种常见算法总结
2020/08/18 Javascript
用Python创建声明性迷你语言的教程
2015/04/13 Python
Python中属性和描述符的正确使用
2016/08/23 Python
Python反射用法实例简析
2017/12/22 Python
Linux下安装python3.6和第三方库的教程详解
2018/11/09 Python
对IPython交互模式下的退出方法详解
2019/02/16 Python
Python中无限循环需要什么条件
2020/05/27 Python
Kathmandu新西兰官网:新西兰户外运动品牌
2019/07/27 全球购物
乌克兰巴士票购买网站:inBus
2021/03/12 全球购物
体育课课后反思
2014/04/24 职场文书
2014年扫黄打非工作总结
2014/12/03 职场文书
出国导师推荐信
2015/03/25 职场文书
民事调解书范文
2015/05/20 职场文书
Oracle安装TNS_ADMIN环境变量设置参考
2021/11/01 Oracle