jQuery使用数组编写图片无缝向左滚动
2012-12-11 00:00
429 查看
jQuery编程实现一组由8幅图组成的图片,进入网页初始时显示前面4张,然后自动向左滚动,直到屏幕显示的是后4张时停止滚动。
下面是jQuery代码:
下面是jQuery代码:
$(document).ready(function() { var $images = $('#images img'); var imgs = $images.length; var next_img; for(var i=0;i<imgs;i++) { next_img=$images.eq(i); scroll(next_img); } }); //创建一个滚动的函数,使用animate函数自定义动画 function scroll(image) { image.animate({'left':-485},5000); }; </script>
相关文章推荐
- jQuery使用数组编写图片无缝向左滚动
- jQuery动画效果实现图片无缝连续滚动
- 第31款插件:第26款插件:jcarousellite.js 基于Jquery的无缝“水平滚动”图片插件
- 使用JQuery.slideBox实现图片滚动效果
- javascript实现图片无缝滚动(scrollLeft的使用方法介绍)
- iOS开发之多图片无缝滚动组件封装与使用
- 使用jQuery简单实现产品展示的图片左右滚动功能
- jQuery——图片无缝滚动效果
- jQuery 间歇式无缝滚动特效分享(三张图片平行滚动)
- 第32款插件:第26款插件:jcarousellite.js 基于Jquery的无缝“垂直滚动”图片插件
- 在asp.net中使用JQuery的SlideViewer插件实现图片的滚动效果
- 使用jQuery简单实现产品展示的图片左右滚动功能
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- 自己使用jquery写的一个无缝滚动的插件
- 使用jquery实现的漂亮的滚动图片
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- jquery 无缝滚动插件jcarousellite使用过程中遇到的问题
- JQuery控制图片无缝滚动 (左移动)
- jquery图片自动无缝滚动
- jquery图片无缝滚动代码左右上下无缝滚动图片