最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js 圖片隨機不定向浮動的實現(xiàn)代碼

 更新時間：2013年07月02日 16:31:38   作者：  
這篇文章介紹了js圖片隨機不定向浮動的實現(xiàn)代碼，有需要的朋友可以參考一下
復制代碼 代碼如下:

//很有趣的浮動哦，不用太多代碼，和大家分享下
<html>
<head>隨機浮動
<style type="text/css">
#divimg{
/*
對圖片進行絕對定位
*/
position:absolute;
}
</style>
</head>
<body>
<div id="divimg">
<img src="../../resource/images/float.jpg" width="205" height="108">
</div>
<script language="javascript" type="text/javascript">
//獲取圖片的所有div對象
var divimg=document.getElementById("divimg");
//設置起始位置
var x=0,y=0;
//設置圖片的前進速度
var xSpeed=8,ySpeed=2;
//設置圖片浮動高度和寬度
var w=document.documentElement.clientWidth-205,h=document.body.clientHeight-108;
//alert(w);
function floatimg(){
//比較是否達到邊界，如果到達邊界以后就改變圖片的方向為反向，如果未達到邊界則繼續(xù)向前
if(x<0||x>w) xSpeed=-xSpeed;
if(y<0||y>h) ySpeed=-ySpeed;
x+=xSpeed;
y+=ySpeed;
setTimeout("floatimg()",1000);
var n=divimg.style.top=Math.round(Math.random()*h)+"px";
var m=divimg.style.left=Math.round(Math.random()*w)+"px";
}
floatimg();
</script>
</body>
</html>

相關文章

最新評論

黄浦区| 永济市| 阜宁县| 三穗县| 海安县| 集安市| 清水县| 印江| 万宁市| 洞头县| 轮台县| 习水县| 栖霞市| 云林县| 邵武市| 德江县| 油尖旺区| 襄城县| 崇左市| 民勤县| 鄂托克前旗| 遂溪县| 洪洞县| 宝山区| 平定县| 龙川县| 泰安市| 鄢陵县| 明溪县| 霍林郭勒市| 聊城市| 长岭县| 苍南县| 漠河县| 阿勒泰市| 花莲县| 临武县| 卫辉市| 海门市| 曲阳县| 白玉县|