La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = gb2312" />
<title> </title>
<link href = "css/style.css" rel = "stylesheet" type = "text/css"/>
<!-Introducción 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 ("seleccionado") // El elemento actual <li> se resalta
.Siblings (). RemoveClass ("Seleccionado");
Var index = $ div_li.index (this);
$ ("div.tab_box> div") // seleccione nodos infantiles. Si el nodo secundario no está seleccionado, se causará un error. Si hay un div en él
.eq (índice) .show () // Muestra el elemento <div> correspondiente al elemento <li>
.Siblings (). Hide ();
}). Hover (function () {
$ (esto) .AddClass ("flotar");
},función(){
$ (esto) .removeclass ("hover");
})
})
//]]>
</script>
</ablo>
<Body>
<div>
<div>
<ul>
<li> Asuntos actuales </li>
<li> Sports </li>
<li> Entretenimiento </li>
</ul>
</div>
<div>
<div> asuntos de corriente </div>
<div> deportes </div>
<div> entretenimiento </div>
</div>
</div>
</body>
</html>