请选择 进入手机版 | 继续访问电脑版
提问

jQuery使用数组编写图片无缝向左滚动

  © 程序员  / 倒序浏览
  © 本页面所有内容均为注册会员发布,若有侵权,请发邮件至:weixunnet@vip.qq.com

#楼主# 2019-6-18

跳转到指定楼层
jQuery编程实现一组由8幅图组成的图片,进入网页初始时显示前面4张,然后自动向左滚动,直到屏幕显示的是后4张时停止滚动,需要的朋友可以参考下
jQuery编程实现一组由8幅图组成的图片,进入网页初始时显示前面4张,然后自动向左滚动,直到屏幕显示的是后4张时停止滚动。
下面是jQuery代码:
  1. $(document).ready(function() {
  2. var $images = $('#images img');
  3. var imgs = $images.length;
  4. var next_img;
  5. for(var i=0;i<imgs;i++) {
  6. next_img=$images.eq(i);
  7. scroll(next_img);
  8. }
  9. });
  10. //创建一个滚动的函数,使用animate函数自定义动画
  11. function scroll(image) {
  12. image.animate({'left':-485},5000);
  13. };
  14. </script>
复制代码
回复

使用道具

成为第一个回答人

B Color Link Quote Code Smilies
Archiver|手机版|小黑屋|翁笔
翁笔联系邮箱:weixunnet@vip.qq.com 本站服务器由二联网赞助提供