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中的数字与字符串相加实例分析
Aug 14 Javascript
解析prototype,JQuery中跳出each循环的方法
Dec 12 Javascript
JavaScript中的alert()函数使用技巧详解
Dec 29 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
Javascript必知必会(四)js类型转换
Jun 08 Javascript
js判断价格,必须为数字且不能为负数的实现方法
Oct 07 Javascript
jQuery Checkbox 全选 反选的简单实例
Nov 29 Javascript
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
Postman模拟发送带token的请求方法
Mar 31 Javascript
详解Angular中实现自定义组件的双向绑定的两种方法
Nov 23 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
May 08 Javascript
node.js文件操作系统实例详解
Nov 05 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 获取可变函数参数的函数
2009/08/26 PHP
PHP IN_ARRAY 函数使用注意事项
2010/07/24 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
php实现通过cookie换肤的方法
2015/07/13 PHP
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
jquery uaMatch源代码
2011/02/14 Javascript
由Javascript实现的页面日历
2011/11/04 Javascript
鼠标选择动态改变网页背景颜色的JS代码
2013/12/10 Javascript
jquery实现在光标位置插入内容的方法
2015/02/05 Javascript
使用vue.js制作分页组件
2016/06/27 Javascript
JS判断日期格式是否合法的简单实例
2016/07/11 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
vue-cli的build的文件夹下没有dev-server.js文件配置mock数据的方法
2019/04/17 Javascript
解决vue打包后vendor.js文件过大问题
2019/07/03 Javascript
9种python web 程序的部署方式小结
2014/06/30 Python
Python新手在作用域方面经常容易碰到的问题
2015/04/03 Python
Python常用时间操作总结【取得当前时间、时间函数、应用等】
2017/05/11 Python
教你用一行Python代码实现并行任务(附代码)
2018/02/02 Python
Python将一个CSV文件里的数据追加到另一个CSV文件的方法
2018/07/04 Python
深入理解Python中的 __new__ 和 __init__及区别介绍
2018/09/17 Python
python根据时间获取周数代码实例
2019/09/30 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
关于tf.nn.dynamic_rnn返回值详解
2020/01/20 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
html5 Web SQL Database 之事务处理函数transaction与executeSQL解析
2013/11/07 HTML / CSS
Vita Fede官网:在意大利手工制作,在纽约市设计
2019/10/25 全球购物
幼儿园元旦亲子活动方案
2014/02/17 职场文书
大学生演讲稿
2014/04/25 职场文书
机关干部四风问题自查报告及整改措施
2014/10/26 职场文书
亮剑观后感500字
2015/06/05 职场文书
《日月潭》教学反思
2016/02/20 职场文书
mysql中关键词exists的用法实例详解
2022/06/10 MySQL