ホームページ >ウェブフロントエンド >jsチュートリアル >Webページ背景の稲妻点滅効果コードのJS実装_JavaScriptスキル

Webページ背景の稲妻点滅効果コードのJS実装_JavaScriptスキル

WBOY
WBOYオリジナル
2016-05-16 15:36:131706ブラウズ

この記事の例では、JS によって実装された Web ページの背景の稲妻の点滅効果コードについて説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

この JavaScript 特殊効果コードは、Web ページの背景の稲妻の点滅特殊効果を実現できます。これは、JS 愛好家にとっては非常にクールな効果であることがわかります。 Web ページの背景色が「黒」からすぐに「白」に変わり、「稲妻」効果が形成されます。

オンライン デモのアドレスは次のとおりです:

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 プログラミングのすべての人に役立つことを願っています。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。