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


Posted in Javascript onDecember 11, 2012

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中的location用法简单介绍
Mar 07 Javascript
通过event对象的fromElement属性解决热区设置主实体的一个bug
Dec 22 Javascript
js汉字排序问题 支持中英文混排,兼容各浏览器,包括CHROME
Dec 20 Javascript
javascript中数组的定义及使用实例
Jan 21 Javascript
实例讲解jQuery中对事件的命名空间的运用
May 24 Javascript
jQuery获取复选框被选中数量及判断选择值的方法详解
May 25 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
BootStrap表单时间选择器详解
May 09 Javascript
基于vue.js实现的分页
Mar 13 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
在vue中根据光标的显示与消失实现下拉列表
Sep 29 Javascript
解决vue中的无限循环问题
Jul 27 Javascript
如何获取JQUERY AJAX返回的JSON结果集实现代码
Dec 10 #Javascript
ajax不执行success回调而是执行了error回调
Dec 10 #Javascript
解决js正则匹配换行问题实现代码
Dec 10 #Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 #Javascript
怎样在JavaScript里写一个swing把数据插入数据库
Dec 10 #Javascript
js里怎么取select标签里的值并修改
Dec 10 #Javascript
如何将JS的变量值传递给ASP变量
Dec 10 #Javascript
You might like
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
php运行时动态创建函数的方法
2015/03/16 PHP
Laravel使用Caching缓存数据减轻数据库查询压力的方法
2016/03/15 PHP
CI框架源码解读之URI.php中_fetch_uri_string()函数用法分析
2016/05/18 PHP
PHP微信刮刮卡 附微信接口
2016/07/22 PHP
js 颜色选择器(兼容firefox)
2009/03/05 Javascript
5分钟理解JavaScript中this用法分享
2013/11/09 Javascript
jQuery 判断图片是否加载完成方法汇总
2015/08/10 Javascript
Bootstrap和Java分页实例第一篇
2016/12/23 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
2017/02/20 Javascript
H5实现中奖记录逐行滚动切换效果
2017/03/13 Javascript
React组件生命周期详解
2017/07/03 Javascript
微信小程序 input输入及动态设置按钮的实现
2017/10/27 Javascript
vue中v-for加载本地静态图片方法
2018/03/03 Javascript
详解JS深拷贝与浅拷贝
2020/08/04 Javascript
python BeautifulSoup设置页面编码的方法
2015/04/03 Python
详解Python2.x中对Unicode编码的使用
2015/04/03 Python
OpenCV实现人脸识别
2017/04/07 Python
Python实现购物程序思路及代码
2017/07/24 Python
通过python+selenium3实现浏览器刷简书文章阅读量
2017/12/26 Python
python如何定义带参数的装饰器
2018/03/20 Python
python最长回文串算法
2018/06/04 Python
pandas值替换方法
2018/07/10 Python
Python设计模式之抽象工厂模式原理与用法详解
2019/01/15 Python
Python pycharm 同时加载多个项目的方法
2019/01/17 Python
Django实现跨域的2种方法
2019/07/31 Python
世界上最大的高分辨率在线图片库:Alamy
2018/07/07 全球购物
三陽商会官方网站:Sanyo iStore
2019/05/15 全球购物
临床医师个人自我评价
2014/04/06 职场文书
3分钟英语演讲稿
2014/04/29 职场文书
生物科学专业自荐书
2014/06/20 职场文书
机电系毕业生求职信
2014/07/11 职场文书
趣味运动会新闻稿
2015/07/17 职场文书
Java 泛型详解(超详细的java泛型方法解析)
2021/07/02 Java/Android
解决ubuntu安装软件时,status-code=409报错的问题
2022/12/24 Servers