如何在不改动html的情况下用jq实现图片的无缝滚动ps:图片已经实现了向左的滚动。

如何在不改动html的情况下用jq实现图片的无缝滚动ps:图片已经实现了向左的滚动。,第1张

先了解一下对象的几个的属性: innerHTML:设置或获取位于对象起始和结束标签内的 HTML scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 offsetWidth:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度 上无缝滚动 <style type="text/css"> <!-- #demo { background: #FFF; overflow:hidden; border: 1px dashed #CCC; height: 100px; text-align: center; float: left; } #demo img { border: 3px solid #F2F2F2; display: block; } --> </style> 向上滚动 <div id="demo"> <div id="demo1"> <a href="#"><img src=" >

jQuery animate() - *** 作多个属性。注意,生成动画的过程中可同时使用多个属性。

jQuery animate() - 使用相对值。也可以定义相对值(该值相对于元素的当前值)。需要在值的前面加上-=。

jQuery animate() - 使用预定义的值。把属性的动画值设置为 "show"、"hide" 或 "toggle"即可。

height是高度,改变的高度,当然就缩放了,要整体下滑应该是改变margin-top的值。把$("#box")animate({height:"300px"});改成$("#box")animate({"margin-top":"300px"});

注意一般有连接符“-”的属性值必须要有引号。

有三种默认速度,("slow", "normal", "fast",默认值: "normal"),也可以自定义时间,单位是毫秒。

$("#box")animate({"margin-top":"300px"},3000);以3秒钟完成动画

以上就是关于如何在不改动html的情况下用jq实现图片的无缝滚动ps:图片已经实现了向左的滚动。全部的内容,包括:如何在不改动html的情况下用jq实现图片的无缝滚动ps:图片已经实现了向左的滚动。、js或者jquery如何获取自适应宽度的具体值、jquery怎样实现动画的缩小等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9411638.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-28
下一篇 2023-04-28

发表评论

登录后才能评论

评论列表(0条)

保存