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 相关文章推荐
js 多浏览器分别判断代码
Apr 01 Javascript
Jquery从头学起第四讲 jquery入门教程
Aug 01 Javascript
jQuery实现密保互斥问题解决方案
Aug 16 Javascript
jQuery中empty()方法用法实例
Jan 16 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
js自定义回调函数
Dec 13 Javascript
jQuery实现别踩白块儿网页版小游戏
Jan 18 Javascript
JS仿淘宝搜索框用户输入事件的实现
Jun 19 Javascript
JS前端知识点总结之内置对象,日期对象和定时器相关操作
Jul 05 Javascript
JS实现简易留言板(节点操作)
Mar 16 Javascript
Electron实现应用打包、自动升级过程解析
Jul 07 Javascript
JSON stringify方法原理及实例解析
Oct 23 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代码技巧的小结
2013/06/02 PHP
php 数据结构之链表队列
2017/10/17 PHP
tp5(thinkPHP5)框架实现多数据库查询的方法
2019/01/10 PHP
jquery提升性能最佳实践小结
2010/12/06 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
HTML5实现留言和回复页面样式
2015/07/22 Javascript
js图片翻书效果代码分享
2015/08/20 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
基于JavaScript实现回到页面顶部动画代码
2016/05/24 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
Ztree新增角色和编辑角色回显问题的解决
2016/10/25 Javascript
js处理包含中文的字符串实例
2017/10/11 Javascript
原生JS获取元素的位置与尺寸实现方法
2017/10/18 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
vue实现键盘输入支付密码功能
2018/08/18 Javascript
浅谈小程序 setData学问多
2019/02/20 Javascript
Vue发布项目实例讲解
2019/07/17 Javascript
layui 实现表单和文件上传一起传到后台的例子
2019/09/16 Javascript
[04:59]2018DOTA2亚洲邀请赛 4.7 Mineski夺冠时刻
2018/04/09 DOTA
[48:37]EG vs OG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
python 异或加密字符串的实例
2018/10/14 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
Python字符串中添加、插入特定字符的方法
2019/09/10 Python
python输出数组中指定元素的所有索引示例
2019/12/06 Python
python获取栅格点和面值的实现
2020/03/10 Python
在脚本中单独使用django的ORM模型详解
2020/04/01 Python
OSPREY LONDON官网:英国本土皮具品牌
2019/05/31 全球购物
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
幼教个人求职信范文
2013/12/02 职场文书
售后主管岗位职责
2013/12/08 职场文书
个人贷款承诺书
2014/03/28 职场文书
统计员岗位职责
2015/02/11 职场文书
阿甘正传观后感
2015/06/01 职场文书
python中print格式化输出的问题
2021/04/16 Python
Pandas搭配lambda组合使用详解
2022/01/22 Python