Home > Web Front-end > JS Tutorial > JS implementation of web page background lightning flashing effect code_javascript skills

JS implementation of web page background lightning flashing effect code_javascript skills

WBOY
Release: 2016-05-16 15:36:13
Original
1703 people have browsed it

The example in this article describes the web page background lightning flashing effect code implemented by JS. Share it with everyone for your reference, the details are as follows:

This JavaScript special effects code can realize the lightning flashing special effect of the web page background. Click the button on the web page to activate the effect. It is a very cool effect. Careful JS enthusiasts will find that it actually changes the background color of the web page from " "Black" quickly changes to "White", forming a "lightning" effect.

The online demo address is as follows:

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

The specific code is as follows:

<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>
Copy after login

I hope this article will be helpful to everyone in JavaScript programming.

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template