clwn.net
当前位置:首页 >> jq tAB切换效果 >>

jq tAB切换效果

下面这段代码替换你原来的js代码,亲测可用……原理:1.设置了一个定时器,每2秒触发。2.如果用户自己切换,停止定时器。当用户鼠标离开区域时,再次进入定时切换。不懂再问~ $(function(){var i=0;//初始记录用户鼠标经过是第几个livar canmove=t...

简略写的 .big{width:100px;}.tabtit ul li.active{background:red;color:#fff;}.tabtit ul li:hover{background:red;color:#fff;}.tabcon ul li{width:100px;height:100px;}123123var titList = $(".tabtit ul li"); //获取选项卡标题var contL...

.con li{display: none;} 按钮一 按钮二 按钮三 内容aaa 内容bbb 内容ccc$(function(){ $('.con li').eq(0).show() //第一个li显示 $('.nav span').click(function(){ var ind = $('.nav span').index(this); $('.con li').eq(ind).show().sibli...

几行简单的jQuery代码搞定tab标签切换效果*{ margin:0; padding:0;list-style: none;}body {font:12px/1.5 Tahoma;}#wrap {width:450px;margin:150px auto;}#tab {overflow:hidden;zoom:1;background:#000;border:1px solid #000;}#tab li {floa...

recursionul {margin: 0;padding: 0;}.tab-title {width: 100%;float: left;margin-bottom: 3px;}.tab-title li {border: 1px #ccc solid;padding: 3px;list-style-type: none;float: left;margin-right: 3px;}.tab-title li.current {border: 1...

标题1111 标题2222 标题3333 标题4444 内容11 内容22 内容33 内容44 内容55 .add{ border:2px solid #C00;} $(function(){ $("#title li").click(function(){ var index = $(this).index();//得到当前点击的是第几项 $("#content li").hide().e...

自身添加效果,兄弟元素移除效果,对应的div隐藏显示就可以了

.box{width:300px;height:300px;}.box span{display:block;float:left;width:100px;height:30px;text-align:center;line-height:30px;}.box ul{width:300px;}.box ul li{display:none;} 第1个第2个第3个 显示第一个 显示第二个 显示第三个 $(fun...

JS* {padding-bottom: 0px;list-style-type: none;margin: 0px;padding-left: 0px;padding-right: 0px;padding-top: 0px;}.tabs {border-bottom: black 0px solid;border-left: black 1px solid;margin: 0px auto;width: 852px;height: auto;ove...

代码 简单的tab效果 * { padding: 0px; margin:0px } body { text-align: center } .wrap ul { overflow: hidden } .wrap li { float: left; list-style: none; margin-right: 10px; cursor: pointer; padding: 2px 5px } .link { cursor: point...

网站首页 | 网站地图
All rights reserved Powered by www.clwn.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com