博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
tab切换
阅读量:6092 次
发布时间:2019-06-20

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

(function(){  var tit = $("#tab a"),      con = $("#tcontent>div"),      cur = 'cur';      tit.mousemove(function(){          var index = tit.index(this);          $(this).addClass('cur').siblings().removeClass('cur');          con.eq(index).show().siblings().hide();      });})();

 

 

原生js的tab切换

var test = document.getElementById("testbtn"),		li = test.getElementsByTagName("span"),		testul = document.getElementById("test"),		lis = testul.getElementsByTagName("li"),		exeFun = function(num){			for (var i = 0,len = li.length;i

 

 

function clicktabs(tit_id,box_id,cur){    var g_tags=$(tit_id),        g_conts=$(box_id),        g_current=cur;    g_tags.live('mouseover',function(){        var g_index=g_tags.index(this);        $(this).addClass(g_current).siblings().removeClass(g_current);        g_conts.eq(g_index).show().siblings().hide();    })}clicktabs("#tab>strong","#reg>div","cur");

  

$('.tab').click(function(){	var index = $('.tab').index(this),  //第一次点击的li的收银纸		ele = $(this).find('.ind');	$('.tab').each(function(i){			if(i != index){					$(this).find('.ind').hide(); 			}	});	if(ele.is(':hidden')){		ele.show();	}else{		ele.hide();	}});

  

转载于:https://www.cnblogs.com/xupeiyu/p/3881198.html

你可能感兴趣的文章
PHP使用DES进行加密和解密
查看>>
Oracle 如何提交手册Cluster Table事务
查看>>
Android Clipboard(复制/剪贴板)
查看>>
BeagleBone Black第八课板:建立Eclipse编程环境
查看>>
在服务器上用Fiddler抓取HTTPS流量
查看>>
文件类似的推理 -- 超级本征值(super feature)
查看>>
XCode的代码块备份
查看>>
iOs 自定义UIView 日历的实现 Swift2.1
查看>>
【XCode7+iOS9】http网路连接请求、MKPinAnnotationView自定义图片和BitCode相关错误--备用...
查看>>
各大公司容器云的技术栈对比
查看>>
记一次eclipse无法启动的排查过程
查看>>
Apache Storm 与 Spark:对实时处理数据,如何选择【翻译】
查看>>
【转】jmeter 进行java request测试
查看>>
读书笔记--MapReduce 适用场景 及 常见应用
查看>>
SignalR在Xamarin Android中的使用
查看>>
你真的会玩SQL吗?实用函数方法汇总
查看>>
走过电竞之路的程序员
查看>>
Eclipse和MyEclipse使用技巧--Eclipse中使用Git-让版本管理更简单
查看>>
[转]响应式表格jQuery插件 – Responsive tables
查看>>
8个3D视觉效果的HTML5动画欣赏
查看>>