我是靠谱客的博主 小巧手链,最近开发中收集的这篇文章主要介绍jQuery使用数组编写图片无缝向左滚动,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

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使用数组编写图片无缝向左滚动的全部内容,希望文章能够帮你解决jQuery使用数组编写图片无缝向左滚动所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(110)

评论列表共有 0 条评论

立即
投稿
返回
顶部