手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery使用数组编写图片无缝向左滚动
jQuery使用数组编写图片无缝向左滚动
摘要: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>

【jQuery使用数组编写图片无缝向左滚动】相关文章:

JQuery中层次选择器用法实例详解

jquery使用经验小结

CSS+JS构建的图片查看器

jquery实现图片左右切换的方法

JQuery中Text方法用法实例分析

javascript转换静态图片,增加粒子动画效果

收集整理的四个方向的滚动

JQuery boxy插件在IE中边角图片不显示问题的解决

JavaScript常用数组算法小结

Jquery使用val方法读写value值

精品推荐
分类导航