博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
简单的jquery代码实现图片轮播
阅读量:6576 次
发布时间:2019-06-24

本文共 564 字,大约阅读时间需要 1 分钟。

$(function(){

function pkshow(index){
var boxwidth = $('.pic_chg_box').width();
$('.pic_chg_box ul').stop(true,false).animate({left:-boxwidth*index},1000);
}
$('.pic_small a').click(function(){
var index = $('pic_small a').index(this);
$('.pic_small a').addClass('current').siblings('a').removeClass('current');
pkshow(index);
})
var i = 0;
setInterval(function change(){
i++;if(i>4){i=0}imgshow(i);
$('.pic_small a').eq(i).addClass('current').siblings('a').removeClass('current')
},1000)
});

 

转载于:https://www.cnblogs.com/Pirate-King/archive/2013/05/08/3066612.html

你可能感兴趣的文章
封装类实现增删改查
查看>>
视觉树
查看>>
【转】Cocoa中的位与位运算
查看>>
uva 10082 - WERTYU
查看>>
【天天数据结构和算法】PHP实现二叉搜索树
查看>>
团队作业4--第一次项目冲刺(Alpha版本) 4
查看>>
自然数的拆分问题 字典序
查看>>
PageControl 组件
查看>>
初识Python
查看>>
Python3中isdigit(), isdecimal(), isnumeric()的区别和字符串的常用方法
查看>>
暑期周记8
查看>>
ASP.NET MVC中利用AuthorizeAttribute实现访问身份是否合法以及Cookie过期问题的处理...
查看>>
第七周技术博客
查看>>
maven构建struts工程
查看>>
线性表练习题1
查看>>
ubuntu 14.04 使用 xfce4 的时候,会有图标问题
查看>>
java改时区
查看>>
IBM黑衣小组【转载】
查看>>
ASP.NET基础
查看>>
面向对象程序设计第三单元总结
查看>>