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 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
Sep 17 Javascript
AngularJS基础知识
Dec 21 Javascript
jQuery实现带分组数据的Table表头排序实例分析
Nov 24 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
Nov 25 Javascript
jQuery的事件预绑定
Dec 05 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
vue-cli 引入、配置axios的方法
May 08 Javascript
layUI使用layer.open,在content打开数据表格,获取值并返回的方法
Sep 26 Javascript
Vue.js中Line第三方登录api的实现代码
Jun 29 Javascript
Vue生命周期activated之返回上一页不重新请求数据操作
Jul 26 Javascript
关于JavaScript轮播图的实现
Nov 20 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若干单维数组遍历方法的比较
2011/09/20 PHP
php面象对象数据库操作类实例
2014/12/02 PHP
利用PHP自动生成印有用户信息的名片
2016/08/01 PHP
20行代码实现的一个CSS覆盖率测试脚本
2013/07/07 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
基于jquery和svg实现超炫酷的动画特效
2014/12/09 Javascript
详解JavaScript中的事件流和事件处理程序
2016/05/20 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
JavaScript中的this使用详解
2016/07/27 Javascript
JS中如何实现点击a标签返回页面顶部的问题
2017/01/19 Javascript
微信小程序 基础组件与导航组件详细介绍
2017/02/21 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
解决linux下node.js全局模块找不到的问题
2018/05/15 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
Vue2.0学习系列之项目上线的方法步骤(图文)
2018/09/25 Javascript
vue-cli 构建骨架屏的方法示例
2018/11/08 Javascript
Vue2.0使用嵌套路由实现页面内容切换/公用一级菜单控制页面内容切换(推荐)
2019/05/08 Javascript
javascript中undefined的本质解析
2019/07/31 Javascript
Vue中axios拦截器如何单独配置token
2019/12/27 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
2020/05/12 Javascript
python转换摩斯密码示例
2014/02/16 Python
python找出一个列表中相同元素的多个索引实例
2019/06/11 Python
python的pstuil模块使用方法总结
2019/07/26 Python
详解用python计算阶乘的几种方法
2019/08/14 Python
Pycharm安装第三方库失败解决方案
2020/11/17 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
I.T中国官网:精选时尚设计师单品网购平台
2018/03/26 全球购物
财务管理专业自荐信范文
2013/12/24 职场文书
玲玲的画教学反思
2014/02/04 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
幼儿园教师岗位职责
2015/04/02 职场文书
《观察物体》教学反思
2016/02/17 职场文书
干货:如何写好观后感 !
2019/05/21 职场文书
CSS3常见动画的实现方式
2021/04/14 HTML / CSS
pycharm debug 断点调试心得分享
2021/04/16 Python