复制代代码如下: 無标题文档<スクリプト タイプ="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[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> overflow:hidden }<br>#con div,#con2 div{<br> 高さ:200px;<br> 幅:200px;<br> 表示:なし} <p><br> 标题一 标题二 标题三 内容 1 内容 2 内容 3 标题一 标题二 标题三 内容 1 内容 2 内容 3
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
