用JavaScript代码写"蝴蝶飞舞"
连贯的动态图片都可以用这个方法
<head>
<script type="text/javascript">
var clock;
function fly(){
var t=Math.random()*screen.availHeight;//蝴蝶飞得高
var l=Math.random()*screen.availWidth;//蝴蝶飞得宽
document.getElementById("d1").style.top=t+"px";//得到蝴蝶并修饰
document.getElementById("d1").style.left=l+"px"//得到蝴蝶并修饰
clock=setTimeout("fly()",1000);
if(clock%2==0){
document.getElementById("d1").innerHTML="<img src='img/地址1'>";//蝴蝶张开翅膀照片
}else{
document.getElementById("d1").innerHTML="<img src='img/地址2'>";//蝴蝶合上翅膀照片
}
}
function stopFly(){ //蝴蝶停止
clearTimeout(clock);
}
</script>
</head>
<body onload="fly()" style="background-color: rgb(255, 102, 0);">
<div style="position: absolute;left: 20px;top: 20px;" id="d1">
<img src="图片地址" alt="">
</div>
<input type="button" value="蝴蝶飞行" onclick="fly()">
<input type="button" value="停止飞行" onclick="stopFly()">
</body>
</html>
2867
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
