软件开发培训班 >> 编程开发 >> JavaScript

图片从右至左滚动JS

　　本文标签：图片从右至左滚动JS

<div id="ad" style="position:absolute;width:150px;left:800;top:300"><img src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" border="0" /></div>  
  <script defer="defer">  
  var x =800  
  var y=300  
  var yp=35  
  var yn=0  
  var yin=true  
  var xin = true  
  var step = 1   
  var delay = 30  
  var obj=document.getElementById("ad")   
  function floatAD() {  
     var L=-obj.offsetWidth;  
     var R= document.body.clientWidth-obj.offsetWidth  
       
     obj.style.left = x + document.body.scrollLeft  
    
     x = x + step*(xin?1:-1)    
     if (x < L) { xin = true; x = R}   
     if (x > R){ xin = false; x = R}

var T=0  
     var B = document.body.clientHeight-obj.offsetHeight  
     obj.style.top =y+ yn+ document.body.scrollTop  
       
      if (yin){ yn=yn+1/Math.sin(1);}  
       else{yn=yn-1/Math.sin(1);}  
       
     if (yn >yp) { yin = false }   
     if (yn <-yp) { yin = true }

}  
  var itl= setInterval("floatAD()", delay)   
 obj.onmouseover=function(){clearInterval(itl)}   
 obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}  
  </script>

技术文章快速查找

js 分栏效果实现代码

js读写COOKIE实现记住帐号或密码的代码(js读写COOKIE)

使用GruntJS构建Web程序之安装篇

百度用到的Js日历大家可以看看

用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。

js中top、clientTop、scrollTop、offsetTop的区别文字详细说明版

location.href 在IE6中不跳转的解决方法与推荐使用代码

JavaScript 井字棋人工智能实现代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建