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 相关文章推荐
表单的焦点顺序tabindex和对应enter键提交
Jan 04 Javascript
深入理解javascript的执行顺序
Apr 04 Javascript
JQuery validate插件验证用户注册信息
May 11 Javascript
省市联动效果的简单实现代码(推荐)
Jun 06 Javascript
使用json来定义函数,在里面可以定义多个函数的实现方法
Oct 28 Javascript
JS 实现计算器详解及实例代码(一)
Jan 08 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
jquery点赞功能实现代码 点个赞吧!
May 29 jQuery
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
vue 实现边输入边搜索功能的实例讲解
Sep 16 Javascript
JavaScript迭代器的含义及用法
Jun 21 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 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-Java-Bridge使用笔记
2014/09/22 PHP
php实现的Captcha验证码类实例
2014/09/22 PHP
如何让CI框架支持service层
2014/10/29 PHP
总结PHP中DateTime的常用方法
2016/08/11 PHP
PHP实现对二维数组某个键排序的方法
2016/09/14 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
PHP的mysqli_select_db()函数讲解
2019/01/23 PHP
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
AngularJS实现使用路由切换视图的方法
2017/01/24 Javascript
解决layer.confirm快速点击会重复触发事件的问题
2019/09/23 Javascript
用VsCode编辑TypeScript的实现方法
2020/05/07 Javascript
如何使用RoughViz可视化Vue.js中的草绘图表
2021/01/30 Vue.js
python的dict,set,list,tuple应用详解
2014/07/24 Python
Python正则表达式匹配ip地址实例
2014/10/09 Python
浅谈五大Python Web框架
2017/03/20 Python
python tensorflow学习之识别单张图片的实现的示例
2018/02/09 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
Django中的ajax请求
2018/10/19 Python
python提取包含关键字的整行数据方法
2018/12/11 Python
Python 使用Numpy对矩阵进行转置的方法
2019/01/28 Python
对python实现模板生成脚本的方法详解
2019/01/30 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
Python3.5文件读与写操作经典实例详解
2019/05/01 Python
python2与python3爬虫中get与post对比解析
2019/09/18 Python
python爬虫爬取监控教务系统的思路详解
2020/01/08 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
澳大利亚连衣裙和女装在线:Esther
2017/11/11 全球购物
La Senza官网:北美顶尖性感内衣品牌
2018/08/03 全球购物
函数指针的定义是什么
2016/08/14 面试题
斯福泰克软件测试面试题
2015/02/16 面试题
素食餐饮项目创业计划书
2014/02/02 职场文书
计算机应用应届生求职信
2014/07/12 职场文书
天下第一关导游词
2015/02/06 职场文书
修改并编译golang源码的操作步骤
2021/07/25 Golang
Element-ui Layout布局(Row和Col组件)的实现
2021/12/06 Vue.js
详解MySQL的主键查询为什么这么快
2022/04/03 MySQL