手机
当前位置:查字典教程网 >编程开发 >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子窗体取得父窗体元素的方法

jQuery zTree加载树形菜单功能

JQuery中Text方法用法实例分析

JavaScript常用数组算法小结

jQuery插件制作之全局函数用法实例

浅谈jQuery构造函数分析

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

jquery滚动特效集锦

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

精品推荐
分类导航