jQuery使用数组编写图片无缝向左滚动
更新时间：2012年12月11日 09:26:15 作者：
jQuery编程实现一组由8幅图组成的图片，进入网页初始时显示前面4张，然后自动向左滚动，直到屏幕显示的是后4张时停止滚动，需要的朋友可以参考下
jQuery编程实现一组由8幅图组成的图片，进入网页初始时显示前面4张，然后自动向左滚动，直到屏幕显示的是后4张时停止滚动。
下面是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代码：
复制代码 代码如下:
$(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.one() 函数的用法，文中通过示例代码帮助大家更好的学习，感兴趣的朋友可以参考一下2020-06-06
通过这篇文章你可以得到以下收获JQUERY操作JSON的一些实现方法。2010-02-02
Javascript jquery css 写的简单进度条控件
很多的时候用户需要等待你“臃肿”的 Javascript 代码处理完成（Web 2.0 的特色）。期间或许加入一个类似于进度条的东西让用户有点“安慰”。这个东西实现起来并不复杂，无非就是获得总的处理条目，然后获得一个百分比，再显示输出。2008-03-03
这篇文章介绍了用jquery存取照片的具体实现方法，需要的朋友可以参考一下2013-06-06
jQuery使用toggleClass方法动态添加删除Class样式的方法
这篇文章主要介绍了jQuery使用toggleClass方法动态添加删除Class样式的方法,实例分析了jQuery中toggleClass方法操作class样式的技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
学习开源框架，童鞋们最想学到的就是设计的思想和实现的技巧。最近研究jQuery源码，记录一下我对jquery的理解和心得，跟大家分享，权当抛砖引玉。2014-11-11
这篇文章主要为大家详细介绍了最常见的左侧分类菜单栏jQuery实现代码,仿京东、淘宝等各大类网站效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
jQuery 1.9.1源码分析系列（十）事件系统之绑定事件
这篇文章主要介绍了jQuery 1.9.1源码分析系列（十） 事件系统——绑定事件的相关资料,需要的朋友可以参考下2015-11-11
本篇文章主要是对jquery中get,post和ajax方法的使用进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了jQuery模仿ToDoList实现简单的待办事项列表，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-12-12
最新评论