jQuery使用数组编写图片无缝向左滚动
jQuery使用数组编写图片无缝向左滚动
发布时间:2016-12-30 来源:查字典编辑
摘要:jQuery编程实现一组由8幅图组成的图片,进入网页初始时显示前面4张,然后自动向左滚动,直到屏幕显示的是后4张时停止滚动。下面是jQuer...

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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类