图片带声音的淡入淡出效果

dn001 2009-06-21 08:53:44

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <BODY> <img src="/img/link.gif" width="92" height="34" id="knowsky1"> <img src="/img/link1.gif" width="92" height="34" id="knowsky2"> <img src="/img/link2.gif" width="92" height="34" id="knowsky3"> <img src="/img/200406301.jpg" width="92" height="34" id="knowsky4"> <SCRIPT LANGUAGE="JavaScript"> GoGoGo("knowsky1"); GoGoGo("knowsky3"); GoGoGo("knowsky2"); GoGoGo("knowsky4"); function GoGoGo(objName) { var img=document.getElementById(objName) ; img.style.position="absolute"; img.style.left=parseInt(window.screen.availWidth*Math.random()) + "px"; img.style.top=parseInt(window.screen.availHeight*Math.random()) + "px"; img.setAttribute("xDir",1);//¶¨Òå¿ªÊ¼xµÄ·½Ïò img.setAttribute("yDir",1);//¶¨Òå¿ªÊ¼xµÄ·½Ïò window.setInterval("randPosition(" + objName + ")","10","JavaScript"); } function randPosition(obj) { var x=parseInt(obj.style.left); if(x>=window.screen.availWidth-obj.width-20) obj.setAttribute("xDir",-1); if(x<=0) obj.setAttribute("xDir",1); x+=parseInt(obj.getAttribute("xDir")); var y=parseInt(obj.style.top); if(y>=window.screen.availHeight-obj.height-100) obj.setAttribute("yDir",-1); if(y<=0) obj.setAttribute("yDir",1); y+=parseInt(obj.getAttribute("yDir")); obj.style.left=x +"px"; obj.style.top =y +"px"; } </SCRIPT> </BODY> </HTML>

标签：