jQuery使用数组编写向左滚动的图片栏
本文由发表于7年前 | Javascript | 暂无评论 |  被围观 3,992 views+

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

实现的HTML代码和CSS代码参考这篇文章:jQuery编写钟摆式滚动器

下面是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>
除了文章中有特别说明,均为IT宅原创文章,转载请以链接形式注明出处。
本文链接:http://www.itzhai.com/jquery-array-prepared-using-the-picture-to-the-left-scroll-bar.html
关键字: ,
arthinking 指弹吉他 && 技术 more
分享到:
 
2011 5/15
文章评论
    没有评论
给我留言

有人回复时邮件通知我
Javascript的相关文章
随机文章 本月热门 热评
1 碰撞球(连连看)游戏 连连看匹配算法分析与实现思路 2012/4/10
2 任何不以学习知识为目的的考试都是耍流氓-软件工程导论试题 2011/7/4
3 Android中Handler的作用和使用方法 2011/7/12
4 源代码阅读方法 jQuery源码解析 核心模块core.js 2013/1/14
5 Ext.dd.DD模拟桌面图标自动对齐 2011/4/13
6 为什么不建议调用sun包,如何通过其他方法确定调用者 2015/3/9
友情推荐 更多
破博客 文官洗碗安天下,武将打怪定乾坤。多么美好的年代,思之令人泪落。
Mr.5's Life 白天是一名程序员,晚上就是个有抱负的探索者
行知-追寻技术之美 关注大数据,分布式系统
我爱编程 编程成长轨迹
Cynthia's Blog 学习笔记 知识总结 思考感悟
 
猜您喜欢
欢迎关注我的公众号 IT宅
关于IT宅 文章归档

IT宅中的文章除了标题注明转载或有特别说明的文章,均为IT宅的技术知识总结,学习笔记或随笔。如果喜欢,请使用文章下面提供的分享组件。转载请注明出处并加入文章的原链接。 感谢大家的支持。

联系我们:admin@itzhai.com

Theme by arthinking. Copyright © 2011-2015 IT宅.com 保留所有权利.