La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "content-type" content = "text / html; charset = gb2312" />
<Title> </Title>
<link href = "css / style.css" rel = "Stylesheet" type = "text / css" />
<! - Présentation de jQuery ->
<script src = "../ scripts / jquery-1.3.1.js" type = "text / javascript"> </ script>
<script type = "text / javascript">
// <! [Cdata [
$ (function () {
var $ div_li = $ ("div.tab_menu ul li");
$ div_li.click (function () {
$ (this) .addclass ("sélectionné") // L'élément <li> actuel est mis en surbrillance
.Siles (). RemoveClass ("sélectionné");
var index = $ div_li.index (this);
$ ("div.tab_box> div") // sélectionnez les nœuds enfants. Si le nœud enfant n'est pas sélectionné, une erreur sera causée. S'il y a une div
.eq (index) .show () // montre l'élément <v> correspondant à l'élément <li>
.Siles (). Hide ();
}). hover (function () {
$ (this) .AddClass ("Hover");
},fonction(){
$ (this) .RemoveClass ("Hover");
})
})
//]]>
</cript>
</ head>
<body>
<div>
<div>
<ul>
<li> Affaires courantes </li>
<li> Sports </li>
<li> Entertainment </li>
</ul>
</div>
<div>
<div> Affaires courantes </div>
<div> Sports </div>
<div> Entertainment </div>
</div>
</div>
</docy>
</html>