当前位置: 代码迷 >> Web前端 >> 飘拂图片新闻添加代码
  详细解决方案

飘拂图片新闻添加代码

热度:220   发布时间:2012-10-26 10:30:58.0
飘动图片新闻添加代码
<div id="ad" style="position:absolute">   
<a href="http://www.baidu.com" target="_blank">   
  
<img src="http://www.bgpintl.com/images/hsejianbao.gif" border="0">   
</a></div> 
<script>   
var x = 50,y = 60  
var xin = true, yin = true  
var step = 1    
var delay = 20  
var obj=document.getElementById("ad")    
function floatAD() {   
  var L=T=0  
  var R= document.body.clientWidth-obj.offsetWidth   
  var B = document.body.clientHeight-obj.offsetHeight   
  obj.style.left = x + document.body.scrollLeft   
  obj.style.top = y + document.body.scrollTop   
  x = x + step*(xin?1:-1)    
  if (x < L) { xin = true; x = L}    
  if (x > R){ xin = false; x = R}    
  y = y + step*(yin?1:-1)    
  if (y < T) { yin = true; y = T }    
  if (y > B) { yin = false; y = B }    
}   
var itl= setInterval("floatAD()", delay)    
obj.onmouseover=function(){clearInterval(itl)}    
obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}   
</script>  

?

  相关解决方案