图片从右至左滚动JS

更新时间：2007年01月08日 00:00:00 作者：

前几天工作时遇到的一问题，不会写JS，请大猪来帮我写的，谢谢大猪了。
图片从右至左滚动JS代码：
1、直线滚动

<div id="ad" style="position:absolute;width:150px;left:800;top:300"><a href="  " target="_blank" style="width:100%;height:100%;"><img src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" border="0" /></a></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>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

2、波浪滚动

<div id="ad" style="position:absolute;width:150px;left:800;top:300">  <div style="position:relative;red;right:0px;top:0px;text-align:right;cursor:pointer" onClick=CloseAD()>[X]</div>  <a href="" target="_blank" style="position:relative;left:0px;top:0px"><img width=150px src="http://www.google.com/intl/zh-CN/logos/holiday06_2.gif" border="0" /></a>  </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 =20      var obj=document.getElementById("ad")      var itl    function CloseAD(){          clearInterval(itl);     obj.style.display="none";    }    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              obj.style.top =y+ yn+ document.body.scrollTop       if (x%2==0){        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 }     }    }    itl= setInterval("floatAD()", delay)    obj.onmouseover=function(){clearInterval(itl)}    obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}    </script>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

图片从右至左滚动JS

css图片自适应大小
css图片自适应大小...
2007-11-11
多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。
多图展示点击切换效果模拟的flash效果，点小图放大显示，再点恢复默认。...
2006-12-12
javascript 火狐(firefox)不显示本地图片问题解决
在Firefox一直不能用js做出图片预览的效果，下面这个即可解决，用替换的方法实现firefox支持得的路径格式
2008-07-07
用new Image()预先加载图片真的有用吗？
用new Image()预先加载图片真的有用吗？...
2007-09-09
图片友情链接滚动横向,带控制按钮
超不错的图片友情链接滚动特效,横向排列,带控制按钮,这里已经将横向锁定,不能将其修改为竖向的,否则会出错,专一用于横排的图片滚动,也可以不用作友情链接,产品滚动当然也可以哦.
2009-10-10
js 新浪的一个图片播放图片轮换效果代码
新浪网的一个图片展示效果！不错的效果！共享一下。
2008-07-07
JavaScript 类似flash效果的立体图片浏览器
这是一款比较有立体感的图片浏览器，通过图层定位技术z-index让浏览器正在查看的图片突显出来，并让两边的图片呈现半透明状态。很个性化哦！
2010-02-02
JS实现鼠标移动到缩略图显示大图的图片放大效果
一个网页上用的图片提示效果，当把鼠标移动到图片缩略图的时候，会显示图片大图，似乎在网上这是个很常见的效果，实现方法也比较多，有人用CSS，有人用JavaScript，有人用jQuery，总之，选择自己习惯的方式去实现，就是最棒的。
2012-12-12
javascript dom代码应用简单的相册[firefox only]
最近一直对前端开发很感兴趣，特别是在像jquery这种流行ajax类库的帮助下，即使没有很好的javascript功底也能做出不错的动态效果，确实是方便。
2010-06-06
动感超强的JS图片轮换特效
非常不错的js图片轮换效果代码，像栅栏一样结合起来，然后显示完整图片，代码相对也不错
2008-06-06