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 图片等比例缩放代码
May 13 Javascript
解决html按钮切换绑定不同函数后点击时执行多次函数问题
May 14 Javascript
javascript数组详解
Oct 22 Javascript
使用JQuery选择HTML遍历函数的方法
Sep 17 Javascript
javascript 定时器工作原理分析
Dec 03 Javascript
详解Angular 4.x NgIf 的用法
May 22 Javascript
JavaScript实现区块链
Mar 14 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
vue中将html字符串转换成html后遇到的问题小结
Dec 10 Javascript
详解Vue前端对axios的封装和使用
Apr 01 Javascript
原生javascript中this几种常见用法总结
Feb 24 Javascript
js定时器出现第一次延迟的原因及解决方法
Jan 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版(5)
2006/10/09 PHP
php中用文本文件做数据库的实现方法
2008/03/27 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
ThinkPHP开发--使用七牛云储存
2017/09/14 PHP
php layui实现前端多图上传实例
2019/07/30 PHP
JavaScript错误处理
2015/02/03 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
jQuery简单实现两级下拉菜单效果代码
2015/09/15 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
一个例子轻松学会Vue.js
2017/01/02 Javascript
jQuery点击弹出层弹出模态框点击模态框消失代码分享
2017/01/21 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
微信小程序自定义带价格显示日历效果
2018/12/29 Javascript
Vue实现的父组件向子组件传值功能示例
2019/01/19 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
vue.js iview打包上线后字体图标不显示解决办法
2020/01/20 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
Python random模块(获取随机数)常用方法和使用例子
2014/05/13 Python
Django实现的自定义访问日志模块示例
2017/06/23 Python
[原创]python爬虫(入门教程、视频教程)
2018/01/08 Python
python仿抖音表白神器
2019/04/08 Python
python 输出列表元素实例(以空格/逗号为分隔符)
2019/12/25 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
python实现马丁策略的实例详解
2021/01/15 Python
L’AGENCE官网:加州女装品牌
2018/06/03 全球购物
什么是索引指示器
2012/08/20 面试题
会计毕业生求职简历的自我评价
2013/10/20 职场文书
旅游专业职业生涯规划范文
2014/01/13 职场文书
学生会个人自荐书范文
2014/02/12 职场文书
社区活动总结报告
2014/05/05 职场文书
秋季运动会广播稿(30篇)
2014/09/13 职场文书
2015年学生会主席工作总结
2015/04/21 职场文书
选对餐饮营销策略,营业额才会上涨
2019/08/27 职场文书
原生JS实现分页
2022/04/19 Javascript