常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全

常用JS图片滚动(无缝、平滑、上下左右滚动)

代码大全innerHTML:    设置或获取位于对象起始和结束标签内的 HTML


参数:
常用JS图片滚动(无缝、平滑、上下左右滚动)代码大全innerHTML:    设置或获取位于对象起始和结束标签内的 HTML

scrollHeight: 获取对象的滚动高度。

scrollLeft:   设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:    设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth: 获取对象的滚动宽度

offsetHeight: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:   获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:    获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

offsetWidth: 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度

以下包含四种方向的滚动代码,粗体部分需要自行修改,可修改成更复杂的代码,如图文混排、加边框、限制图片大小等。

增大width时,应该相应增加一些图片(应该是使所有图片组成的总宽度大于设定的width),即使是重复的,否则会在滚动一会儿后停下来,图片不宜太大,否则在IE下滚动缓慢!

-----------------------------------------------------------------------

代码:








向上下左右不间断无缝滚动图片的效果(兼容火狐和IE)









代码复制下去,在文件夹内放一张图片,即可看出效果..


你可能感兴趣的:(jquery,javascript,html)