打雷闪电效果-JS特效-爱易网页

打雷闪电效果

日期：2014-05-18　浏览次数：20153 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

脚本说明:
把如下代码加入<body>区域中
<STYLE>.mainbody {
	COLOR: #ffffff; FONT-FAMILY: Arial; FONT-SIZE: 12pt; LEFT: 260px; POSITION: absolute; TOP: 100px; WIDTH: 300px
}
.soundpic {
	LEFT: -400px; POSITION: absolute; TOP: -400px
}
A {
	COLOR: #ff0000; TEXT-DECORATION: underline overline
}
</STYLE>
<SCRIPT language=javaScript>
<!-- Beginning of JavaScript -
var x,y,i
var shakestrength=30
var i=shakestrength
var vorzeichen=1

function showsoundpic() {
	if (document.all) {
		document.all.soundgif1.style.posTop=y-100
		document.all.soundgif1.style.posLeft=x
		shakesound()
   }
   
   	if (document.layers) {
		document.soundgif1.top=y-100
		document.soundgif1.left=x
		shakesound()
   }
}

function shakesound() {
	if (document.all) {
		if (i > 0) {
			document.all.soundgif1.style.posTop+=i*vorzeichen
			document.all.soundgif1.style.posLeft+=i*vorzeichen
			vorzeichen=vorzeichen*(-1)
			i--
			var timer=setTimeout("shakesound()",50)
		}
		else {
			document.all.soundgif1.style.posTop=-400
			document.all.soundgif1.style.posLeft=-400
			i=shakestrength
			clearTimeout(timer)
		}
   }
   
   	if (document.layers) {
		if (i > 0) {
			document.soundgif1.top+=i*vorzeichen
			document.soundgif1.left+=i*vorzeichen
			vorzeichen=vorzeichen*(-1)
			i--
			var timer=setTimeout("shakesound()",50)
		}
		else {
			document.soundgif1.top=-400
			document.soundgif1.left=-400
			i=shakestrength
			clearTimeout(timer)
		}
   }
}

function makesound(soundobj){
	showsoundpic()
	var thissound= eval("document."+soundobj)
    thissound.play()
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
}
if (document.layers){
	document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;

// - End of JavaScript - -->

</SCRIPT>
<DIV class=soundpic id=soundgif1><img height=300 src="http://img.aiyiweb.com/mylogo.gif" 
width=400 onload="return imgzoom(this,600);" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/> </DIV>
<DIV class=mainbody id=mainbody><A href="http://www.1stscript.com" 
onmouseover="makesound('sound1')" target=_blank>感受一下雷电效果吧</A> 
</DIV><EMBED height=128 hidden=true name=sound1 src=thunder1611.au width=128 
MASTERSOUND autostart="false">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

打雷闪电效果

相关资料更多>

推荐阅读更多>