复主代码 代码如下: 无标题文档<스크립트 유형 ="text/javascript"> $(function(){ $("#ul2 li").click(function(){ var num = $(this).index(); $("#con2 div").css("display","none"); $("#con2 div").eq(num).css("display","block") }) })<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> div[j].style.display = "none";<br> if(j == ch){<br> div[j].style.display = "차단";<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> 오버플로:숨김 }<br>#con div,#con2 div{<br> 높이:200px;<br> 너비:200px;<br> 디스플레이:없음} <p><br> 标题一 标题two 标题三 内容一 内容two 内容三 标题一 标题two 标题三 内容一 内容two 内容三