Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = gb2312" />
<title> </title>
<link href = "css
<!-vorstellen 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 ("ausgewählt") // Das Strom <li> wird hervorgehoben
.
var index = $ div_li.index (this);
$ ("div.tab_box> div") // untergeordnete Knoten auswählen. Wenn der untergeordnete Knoten nicht ausgewählt ist, wird ein Fehler verursacht. Wenn es ein Div enthält
.eq (index) .show () // Zeigen Sie das dem <li> -Element entsprechende <div> Element an
Siblings (). Hide ();
}). hover (function () {
$ (this) .AddClass ("Hover");
},Funktion(){
$ (this) .removeclass ("schwebe");
})
})
//]]>
</script>
</head>
<body>
<div>
<div>
<ul>
<li> Aktuelle Angelegenheiten </li>
<li> Sport </li>
<li> Unterhaltung </li>
</ul>
</div>
<div>
<div> aktuelle Angelegenheiten </div>
<Div> Sports </div>
<Div> Unterhaltung </div>
</div>
</div>
</body>
</html>