选项卡jq
1.无定时器
$(function(){
$('.banner-point li').on('click',function(){
$(this).addClass('active').siblings().removeClass('active');
$('.banner-ul li').siblings().hide().eq($(this).index()).show();
})
})
2.带定时器
$(function(){
var oDiv=$('.banner');
var oUl=$('.banner-ul li');
var oPoint=$('.banner-point li');
var now=0;
oPoint.click(function(){
now=$(this).index();
tab();
});
var timer=setInterval(next,1000);
oDiv.hover(function(){
clearInterval(timer);
},function(){
timer=setInterval(next,1000);
});
function next(){
now++;
now%=oPoint.length;
tab();
}
function tab(){
oPoint.each(function(index, element) {
$(element).removeClass('active');
oUl.eq(index).removeClass('cur');
});
oPoint.eq(now).addClass('active');
oUl.eq(now).addClass('cur');
}
});
最新文章
- 利用JSON实现数组去重
- shell编程之运算符
- Eclipse为成员变量设置前缀
- javaweb框架构想-自己的对象存储池-遁地龙卷风
- 百度和google的区别
- 百度地图的简单使用 ——html js
- 云计算之路-阿里云上:2014年6月12日14:40出现CPU 100%
- HDU 3001 Traveling(状压DP)
- 《c程序设计语言》读书笔记--闰年和字符输入不用 &;&; ||
- 关于js中event的target和currentTarget的区别
- unity3D Socket连接C#server出现unity3D编辑器再次启动连接 unity3D编辑器马上卡死
- 不重复查询mysql
- java实现指定文件扫描目录
- php字符串压缩
- 今天出现了一个问题,Tomcat 进入localhost:8080正常,进入项目内别的页面都是空白页
- 数据结构-单向链表 C和C++的实现
- [SCOI2007]最大土地面积
- Python 为什么要使用描述符?
- Vue2.0增删改查案例(Vue+Less+LocalStorage)
- java ee 思维导图
热门文章
- Vue知识整理1:$watch方法的使用
- Python uuid库中 几个uuid的区别
- Apache httpclient拦截器对请求进行签名
- [Git] 003 初识 Git 与 GitHub 之加入文件 第二弹
- mysql忘记密码/修改密码
- Spring MVC-学习笔记(3)参数绑定注解、HttpMessageConverter<;T>;信息转换、jackson、fastjson、XML
- 《剑指offer》面试题16 反转链表 Java版
- 三连击 P1008 洛谷 python写法
- [BZOJ 3295] [luogu 3157] [CQOI2011]动态逆序对(树状数组套权值线段树)
- P2835 刻录光盘 (tarjan缩点)