源码网商城，靠谱的源码在线交易网站我的订单购物车帮助

当前位置：首页 > 资讯 > 技术文档

jQuery使用数组编写图片无缝向左滚动

时间：2020-07-05 01:17 编辑：来源：阅读：
扫一扫，手机访问

摘要：jQuery使用数组编写图片无缝向左滚动

jQuery编程实现一组由8幅图组成的图片，进入网页初始时显示前面4张，然后自动向左滚动，直到屏幕显示的是后4张时停止滚动。下面是jQuery代码：

[u]复制代码[/u] 代码如下:

$(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>

全部评论(0)

上一篇：jQuery的ready方法详解
下一篇：jquery validation插件表单验证的一个例子

资讯排行榜
更多>>

关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明 | 网站地图

苏ICP备2024110244号-2 苏公网安备32050702011978号增值电信业务经营许可证编号：苏B2-20251499 | Copyright 2018 - 2025 源码网商城 (www.ymwmall.com) 版权所有

联系客服

客服电话：
400-000-3129

微信版

扫一扫进微信版

返回顶部