演示图：
jQuery制作简洁的图片轮播效果 三联
核心代码：
$(document).ready(function(){
var $iBox = $('.imgBox'),
$iNum = $('.imgNum'), //缓存优化
indexImg = 1, //初始下标
totalImg = 4, //图片总数量
imgSize = 300, //图片尺寸 宽度
moveTime = 1100, //切换动画时间
setTime = 2500, //中间暂停时间
clc = null;
function moveImg(){
if(indexImg != totalImg){
$iBox.animate({
left: -(indexImg*imgSize) + 'px'
}, moveTime);
$iNum.removeClass('mark-color')
.eq(indexImg)
.addClass('mark-color');
indexImg++;
}
else{
indexImg = 1;
$iNum.removeClass('mark-color')
.eq(indexImg - 1)
.addClass('mark-color');
$iBox.animate({
left: 0
}, moveTime);
}
}
$iNum.hover(function(){
$iBox.stop(); //结束当前动画
clearInterval(clc); //暂停循环
$iNum.removeClass('mark-color');
$(this).addClass('mark-color');
indexImg = $(this).index();
$iBox.animate({
left: -(indexImg*imgSize) + 'px'
}, 500);
},function(){
clc = setInterval(moveImg, setTime);
});
clc = setInterval(moveImg, setTime);
});
- 2013年山东卫生报刊社招聘工作人员简章
- 2013年滨州医学院招聘工作人员简章
- 2013年上半年淮安市市直事业单位招聘人员递补拟聘人员公示
- 2013年淮安市规划馆招聘事业单位人员简章
- 2013年台州市玉环县芦浦镇人民政府招聘编外用工人员启事
- 2013年淮安市规划馆招聘事业单位人员岗位表
- 2013年芜湖市三山区招聘幼儿园工作人员体检通知
- 2013年广西壮族自治区地震局事业单位招聘工作人员公告
- 2013年毕节市七星关区事业单位考聘工作人员体检通知
- 2013年黔南州遴选工作人员进入考察人员名单(第一批）
- 2013年福建省老年医院内分泌专业副主任医师招聘信息
- 2013年河北工程大学附属医院招聘工作人员岗位条件表
- 2013年毕节市七星关区卫生和食品药品监督管理局招聘方案
- 2013年泰州靖江市招聘教师体检结果公布
- 2013年包头市事业单位招聘进入面试考生进行资格复审通知
- 2013年盐城东台市事业单位招聘体检工作通知
- 2013年包头市事业单位招聘资格复审时间安排表
- 汕头市金平区公有（集体）资产交易管理服务中心2013年公开招聘人员考试总成绩的公告
- 2013年衡阳市直卫生系统招聘工作人员简章
- 2013年盐城东台市事业单位招聘体检须知
- 2013年浙江工业大学拟聘用人员公示
- 2013年无锡市锡山区事业单位招聘工作人员考试报名入口
- 2013年南宁市福利中医医院招聘中药师通知
- 曲靖市师宗县2013年事业单位招聘缩减、取消部分招聘岗位计划数公告
- 2013年喀什市公开招聘讲解员、导游员简章
- successful management
- successful marriage
- successful musical
- successful negotiation
- successful outcome
- successful partnership
- successful performance
- successful pregnancy
- successful prevention
- successful prosecution
- 骚攘
- 骚杂
- 骚气
- 骚然
- 骚牛
- 骚牯
- 骚经
- 骚臭
- 骚货
- 骚闹
- 树为作文600字合集
- 树的话题作文精选
- 以树的话题作文600字大全
- 以树话题作文合集
- 树话题作文精选
- 树600字作文大全
- 关于树500字作文合集
- 树优秀范文精选
- 树话题作文小学生大全
- 树话题作文合集