jquery 选项卡 代码

并不是什么技巧代码,自己写的,备用!
HTML代码部分

<ul id="mainPanel" class="ssc_tabA">
      <li class="tab1">菜单1</li>
      <li class="tab2">菜单2</li>
      <li class="tab2">菜单3</li>
      <li class="tab2">菜单4</li>
      <li class="tab2">菜单5</li>
      <li class="tab2">菜单6</li>
      <li class="tab2">菜单7</li>
      <li class="tab2">菜单8</li>
    </ul>

JQ代码部分,

$(function(){
	var old=0;
	$("#mainPanel li").click(function(){
		var newid=$(this).index();
		if(old==newid)
			return false;
		else
		{
			$("#mainPanel li").each(function(){
				$(this).attr("className","tab2");
			})
			$("#mainPanel li:eq("+newid+")").attr("className","tab1");
			old=newid;
		}
	});
});

发表评论

电子邮件地址不会被公开。 必填项已用*标注