复制代码 代码如下: 无标题文档 <BR> $(function(){<BR> $("#ul2 li").click(function(){<BR> var num = $(this).index();<BR> $("#con2 div").css("display","none");<BR> $("#con2 div").eq(num).css("display","block")<BR> })<BR> })<BR><BR> window.onload = function(){<BR> var ss = document.getElementById("ul1").getElementsByTagName("li");<BR> var pa = document.getElementById("con");<BR> var div = pa.getElementsByTagName("div");<BR> //alert(div.length)<BR> var ch;<BR> for(var i = 0;i < ss.length;i++){<BR> ss[i].index = i;<BR> ss[i].onclick = function(){<BR> ch = this.index;<BR> for(var j = 0; j<div.length; j++){<BR> div[j].style.display = "none";<BR> if(j == ch){<BR> div[j].style.display = "block";<BR> }<BR> }<BR> }<BR> }<br><br> }<BR><BR>li{<BR> float:left;<BR> height:30px;<BR> width:100px;<BR> border:1px #036 solid;<BR> list-style:none;<BR> text-align:center}<BR>#con,#con2{<BR> clear:both;<BR> border:1px #0CF solid;<BR> height:200px;<BR> width:200px;<BR> overflow:hidden}<BR>#con div,#con2 div{<BR> height:200px;<BR> width:200px;<BR> display:none} <P><BR> 标题一 标题二 标题三 内容一 内容二 内容三 标题一 标题二 标题三 内容一 内容二 内容三
