图片从右至左滚动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

一个不错的给图片添加说明文字的动态层的实现代码
一个不错的给图片添加说明文字的动态层的实现代码，需要的朋友可以参考下
2013-04-04
兼容ie、firefox的图片自动缩放的css跟js代码分享
这个功能主要是解决内容页中的图片过大撑出，导致页面比较难看，就需要这样的代码，需要的朋友可以参考下
2012-01-01
javascript批量检查当图片不存在时则显示默认图片的代码
批量检查图片地址显示是不是有错误，在ie浏览器中是有当图片不存在时的onerror事件的，下面的代码即是非常不错的应用。
2008-09-09
javascript 指定区域内图片等比例缩放实现代码脚本之家整合版
javascript 区域内图片等比例缩放实现代码脚本之家整合版，兼容ie跟firefox。
2009-10-10
使用html+css制作一个发光立方体特效
这篇文章主要介绍了使用html+css制作一个发光立方体特效,发光的同时立方体自动旋转,非常炫酷的特效,来一起学习一下怎么制作吧
2023-03-03
javascript双向放大缩小广告代码
比较罕见的javascript双向放大缩小图片效果代码，鼠标上下移动即可看到效果
2008-05-05
使用html+css实现页面书本翻页特效
很多朋友都知道通过静态html+css可以创造出很多的页面效果,本文所讲的就是html+css模拟书本翻页效果,还是很不错的,需要的朋友可以参考下
2023-03-03
TFDN图片播放器不错自动播放
TFDN图片播放器不错自动播放...
2006-10-10
javascript 图片上一张下一张链接效果代码
人人网相册和酷狗音乐网站上面当鼠标移动到图片上面，鼠标的形状会根据其在图片上的位置改变。
2010-03-03
JS 单击连接保存图片的函数
下面的代码主要用于一些图片网站上，只要点击一下链接，即可出现保存图片对话框。
2009-04-04

图片从右至左滚动JS

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具