打雷喽下雨收衣服呀~~~~~ (请改图片路径)

作者：佚名来源：不详发布时间：2006-10-29 0:41:23 发布人：admin

要完成此效果需要两个步骤

第一步：把如下代码加入到<head>区域中

<STYLE>
.mainbody {
    position: absolute;
    top:100px;
    left:260px;
    width:300px;
    font-family:Arial;
    font-size:12pt;
    color:FFFFFF;
}
.soundpic {
    position: absolute;
    top:-400px;
    left:-400px;
}

A {
    color:FF0000;
    text-decoration:underline overline;
}
</STYLE>

第二步：把如下代码加入到<body>区域中

<Script>
<-- 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 src="http://www.netton.cn/wytx/images/75/flash1611.gif" width=400 onclick="javascript:window.open(this.src);" style="CURSOR: pointer" onload="return imgzoom(this,550)"> </DIV>
<DIV class=mainbody id=mainbody style="left: 265px; top: 17px"><A href="link.htm"
onmouseover="makesound('sound1')" target=_blank>鼠标移过来试试</A> </DIV>
<EMBED height=128 hidden=true name=sound1 src=../wytx/images/75/thunder1611.au width=128
MASTERSOUND autostart="false"></embed>

特别说明：如网页特效代码中有引用图片文件等，请自己下载到本地调试！

[] [返回] [打印] [收藏] [评论]

上一篇代码：鼠标放到相应在图片上就可以实现页面的上下移动

下一篇代码：页面上可以用鼠标拖动的图片

打雷喽下雨收衣服呀~~~~~ (请改图片路径)

精品推荐

代码分类

阅读排行

相关代码

打雷喽 下雨收衣服呀~~~~~ (请改图片路径)

精品推荐

代码分类

阅读排行

相关代码

打雷喽下雨收衣服呀~~~~~ (请改图片路径)