jQuery使用数组编写图片无缝向左滚动_Javascript教程-查字典教程网
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教程学习
    编程开发子分类