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/jQuery 表单美化插件小结
Feb 14 Javascript
JQuery的AJAX实现文件下载的小例子
May 15 Javascript
实测jquery data()如何存值
Aug 18 Javascript
jquery插件corner实现圆角边框的方法
Mar 09 Javascript
JavaScript实现鼠标点击后层展开效果的方法
May 13 Javascript
jQuery+CSS实现简单切换菜单示例
Jul 27 Javascript
JS 动态加载js文件和css文件 同步/异步的两种简单方式
Sep 23 Javascript
使用纯JS代码判断字符串中有多少汉字的实现方法(超简单实用)
Nov 12 Javascript
浅谈js中startsWith 函数不能在任何浏览器兼容的问题
Mar 01 Javascript
JS实现图片居中悬浮效果
Dec 25 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
微信小程序开发之获取用户手机号码(php接口解密)
May 17 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
使用array mutisort 实现按某字段对数据排序
2013/06/18 PHP
PHP 简易输出CSV表格文件的方法详解
2013/06/20 PHP
typecho插件编写教程(二):写一个新插件
2015/05/28 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
详解PHP 7.4 中数组延展操作符语法知识点
2019/07/19 PHP
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
js去除重复字符串两种实现方法
2013/01/09 Javascript
js图片延迟加载的实现方法及思路
2013/07/22 Javascript
Javascript 学习笔记之 对象篇(二) : 原型对象
2014/06/24 Javascript
JavaScript中的值类型转换介绍
2014/12/31 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
分析js闭包引起的事件注册问题
2016/03/29 Javascript
javascript 判断是否是微信浏览器的方法
2016/10/09 Javascript
详解nodejs微信公众号开发——1.接入微信公众号
2017/04/10 NodeJs
nodejs集成sqlite使用示例
2017/06/05 NodeJs
vue代理和跨域问题的解决
2018/07/18 Javascript
原生js通过一行代码实现简易轮播图
2019/06/05 Javascript
十分钟教你上手ES2020新特性
2020/02/12 Javascript
Python 变量类型及命名规则介绍
2013/06/08 Python
python绘制立方体的方法
2018/07/02 Python
详谈Python 窗体(tkinter)表格数据(Treeview)
2018/10/11 Python
Python两个字典键同值相加的几种方法
2019/03/05 Python
python set内置函数的具体使用
2019/07/02 Python
Python Dict找出value大于某值或key大于某值的所有项方式
2020/06/05 Python
Python容器类型公共方法总结
2020/08/19 Python
粉红色的鲸鱼:Vineyard Vines
2018/02/17 全球购物
Hotels.com印度:酒店预订
2019/05/11 全球购物
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
马来西亚奢侈品牌购物商城:Valiram 247
2020/09/29 全球购物
5个HTML5的常用本地存储方式详解与介绍
2021/03/27 HTML / CSS
房屋继承公证书
2014/04/10 职场文书
介绍长城的导游词
2015/01/30 职场文书
MySQL root密码的重置方法
2021/04/21 MySQL
分享python函数常见关键字
2022/04/26 Python
使用 Koa + TS + ESLlint 搭建node服务器的过程详解
2022/05/30 NodeJs