熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> .NET編程 >> 正文

js實現廣告漂浮效果的小例子

2013-11-13 10:35:04  來源: .NET編程 
這篇文章介紹了在JS中廣告漂浮效果的實現代碼有需要的朋友可以參考一下   復制代碼 代碼如下:

  
<html>
<head>
<meta httpequiv="ContentType" content="text/html; charset=gb" />
<title></title>
<style type="text/css">
div{
position:absolute;
}
</style>
</head>
<body>
<div id="floatdiv">
<img src="jpg" height="px" width="px">

  </div>
</body>
</html>
<script language="javascript" type="text/javascript">
/*
利用window對象實現浮動效果

  有一個div就是我們要控制的它的起始點坐標(
 設定橫向和縱向的速度
 控制div移動
  )div是否到達邊界設置圖片速度反向移動
*/
//獲取圖片所在的div對象

var img=documentgetElementById("floatdiv");
//設置div起始點坐標
var x=y=;
//設置div行進速度
var xSpeed=ySpeed=;
//設置圖片移動
var w=documentbodyclientWidthh=documentbodyclientHeight;
function floatdiv(){
 //比較圖片是否到達邊界如查到達邊界 改變方向;如未到達邊界
 if(x>w||x<) xSpeed= xSpeed;
 if(y>h||y<) ySpeed= ySpeed;

 x+=xSpeed;
 y+=ySpeed;

 //設置坐標值起始坐標+速度
 imgstyletop=y+"px";
 imgstyleleft=x+"px";
setTimeout("floatdiv()");
}
floatdiv();
</script>


From:http://tw.wingwit.com/Article/program/net/201311/14043.html
  • 上一篇文章:

  • 下一篇文章:
  • Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.