<div class="codetitle"> <span><a style="CURSOR: pointer" data="36256" class="copybut" id="copybut36256" onclick="doCopy('code36256')"><u>コードをコピー</u></a></span> コードは次のとおりです:</div> <div class="codebody" id="code36256"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html" /> <br>< title>< ;/title> <br><link href="css/style.css" rel="stylesheet" type="text/css" /> <br><!-- jQuery の紹介 --> ; <br><script src="../scripts/jquery-1.3.1.js" type="text/javascript"><br><script type="text/javascript" > <br>//$(function(){ <br>var $div_li =$("div.tab_menu ul li"); <br>$div_li.click(function( ){ <br>$(this).addClass("selected") //現在の<li>要素が強調表示されます<br>.siblings().removeClass("selected") //他の兄弟の高さを削除します< li> elements Liang<br>varindex = $div_li.index(this); // すべての li 要素の中で現在クリックされている <li>$("div.tab_box > div") を取得します。 ) // 子ノードを選択します。div <br>.eq(index).show() // に対応する <br> 要素を表示します。 <li> 要素。sisters().hide(); // 他の複数の <br> 要素を非表示にします。 <br>$(this).addClass(" hover"); <br>},function(){ <br>$(this).removeClass("hover"); <br>}) <br>}) <br>//]]> <br> </script> <br></head> <br><br><div class="tab"> 🎜><ul><br><li class="selected">時事</li> <br><li>エンターテイメント</li> 🎜></ul><br><div><br><div><br><div> Hide"> スポーツ</div> <br><div class="hide">エンターテイメント</div> <br></div> <br></div> <br><br>< ;/本文><br></html><br><br> </li> </div>