脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → JS实现的网页背景闪电闪烁效果

JS实现的网页背景闪电闪烁效果代码

 更新时间：2015年10月17日 15:32:47   作者：秋雨  
这篇文章主要介绍了JS实现的网页背景闪电闪烁效果代码,涉及JavaScript定时函数结合页面元素样式操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现的网页背景闪电闪烁效果代码。分享给大家供大家参考，具体如下：

这款JavaScript特效代码可实现网页背景的闪电闪烁特效，点击网页上的按钮，即可激活效果，很炫的效果，细心的JS爱好者会发现，其实是把网页的背景颜色由“黑色”快速变换成“白色”，形成了“闪电”效果。

在线演示地址如下：

http://demo.jb51.net/js/2015/js-lightning-style-bgcolor-demo/

具体代码如下：

<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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • js实现移动端tab切换时下划线滑动效果

    js实现移动端tab切换时下划线滑动效果

    这篇文章主要为大家详细介绍了js实现移动端tab切换时下划线滑动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2019-09-09
  • swiper.js插件实现pc端文本上下滑动功能示例

    swiper.js插件实现pc端文本上下滑动功能示例

    这篇文章主要介绍了swiper.js插件实现pc端文本上下滑动功能,结合实例形式分析了swiper.js插件的具体引用与相关使用技巧,需要的朋友可以参考下
    2018-12-12
  • 用js实现CSS圆角生成更新

    用js实现CSS圆角生成更新

    用js实现CSS圆角生成更新...
    2007-05-05
  • 小程序实现列表展开收起效果

    小程序实现列表展开收起效果

    这篇文章主要为大家详细介绍了小程序实现列表展开收起效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-07-07
  • JavaScript改变CSS样式的方法汇总

    JavaScript改变CSS样式的方法汇总

    JavaScript修改CSS有4种方法：1.修改节点style（内联样式）；2.改变节点class或id；3.写入新的css；4.替换页面中的样式表。今天主要给大家介绍下前2种，因为后两种个人不是很推荐大家使用
    2015-05-05
  • JavaScript实现公告栏上下滚动效果

    JavaScript实现公告栏上下滚动效果

    这篇文章主要为大家详细介绍了JavaScript实现公告栏上下滚动效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-03-03
  • 获取JAVASCRIPT时间戳函数的5种方法

    获取JAVASCRIPT时间戳函数的5种方法

    JavaScript获得时间戳的方法有五种,后四种都是通过实例化时间对象new Date() 来进一步获取当前的时间戳,JavaScript处理时间主要使用时间对象Date,本文对js时间戳函数获取方法给大家介绍的非常详细,需要的朋友参考下吧
    2024-01-01
  • 用javascript实现在小方框中浏览大图的代码

    用javascript实现在小方框中浏览大图的代码

    用javascript实现在小方框中浏览大图的代码...
    2007-08-08
  • 关于JAVASCRIPT urldecode URL解码的问题

    关于JAVASCRIPT urldecode URL解码的问题

    JS要实现单纯的编码解码轻而易举，escape、unescape就搞定，但是遇到不是完整的URL转码，就没办法了
    2012-01-01
  • js实现的后台左侧管理菜单代码

    js实现的后台左侧管理菜单代码

    这篇文章主要介绍了js实现的后台左侧管理菜单代码,可实现美观大气的左侧折叠菜单效果,涉及JavaScript基于鼠标事件动态操作页面元素样式变换的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-09-09

最新评论