Nombre de dominio Px111
. slideTxtBox_zwgk. bd ali: Visitado { color: # 333333 }
. slideTxtBox_zwgk. bd ali: flotar {color: # 0071bc }
. slideTxtBox_zwgk. bd ali: active { color: # 333333 }
¿No son inútiles estas cosas? Enviar código HTML.
El tuyo es demasiado complicado. ¡Te daré una de mis etiquetas! (jquery-1.7.2.js) Cargue una biblioteca jquery usted mismo.
¡Es! DOCTYPE html gt
lthtml gt
lthead gt
ltmeta charset="utf-8 "
ltmeta name = " ventana gráfica " content = " escala inicial = 1, escala máxima = 1, escalable por el usuario = no "
página de inicio de lttitle gt
ltscript src = " js/jquery-1 . 7 2 . js " tipo = " texto/javaScript " gt; lt/script gt;
lt/head gt;
lt! -Seleccionar tarjeta- gt;
lt scriptgt
$(function(){
$(".widget_nav li").hover(function() {
$(this).addClass("active").remove class("active");
$(".small") herramientas").find(".widget_con ").eq($(this).index()).siblings().hide().end().show();
}) ;
}) ;
lt/script gt;
ltstyle type="text/css "
. widget _ nav { relleno: 0 10px; altura: 36px}
. widget _ nav ul { altura: 38px; pantalla: bloque en línea}
. widget _ nav Li { color de fondo: # f2f2f 2; margen derecho: 5px altura: 36px altura de línea: 36px pantalla: bloque; borde derecho: 1px sólido # f5f 5 f 5;
. widget_nav Li .activo {color de fondo: # 25a3d 1 }
. widget_nav alli { relleno: 0 15px; pantalla: bloque; borde izquierdo: 1px sólido # f5f 5 f 5; tamaño de fuente: 14px; peso de fuente: negrita;
widget_nav Li activo a {color:#fff}
. widget_con { padding-top: 20px; ancho: 100}
.
widget _ nav ul { altura: 38px; pantalla: bloque en línea; tipo de estilo de lista: ninguno; margen: 0; }
lt/style gt; > ltdiv class="widget " >>p>
ltdiv class="widget_nav " >>p>
ltul gt
lt李class="Active" gt lta gt Información básica
lt李gt lta gtConfiguración de nombre de dominio
lt李gt lta gtConfiguración de seguridad
lt李gt lta gtCódigo QR
lt李gt lta gtTipo de mensaje
lt/ul gt;
lt/div gt;
ltdiv id="tab_conbox " >>p >
clase ltdiv ="widget_con " >111 lt;/div gt;
ltdiv class = " widget _ con " style = " display: none; gt222 lt/div gt;
ltdiv class = " widget _ con " estilo = " visualización: ninguno; gt333 lt/div gt;
ltdiv class = " widget _ con " estilo = " visualización: ninguno;
ltdiv class = " widget _ con " style = " display: none; gt555 lt/div gt;
lt/div gt;
lt /div gt；
ltdiv class="widget " >>p>
ltdiv class="widget_nav "
ltul gt
lt李class= "Activo" gt lta gtInformación básica
lt李gt lta gtConfiguración de nombre de dominio
lt李gt lta gtConfiguración de seguridad
lt李gt lta gt Código QR
lt李gt lta gtTipo de mensaje
lt/ul gt
lt/div gt
ltdiv id ="tab_conbox "
ltdiv class="widget_con " >666 lt/div gt；
ltdiv class =" widget _ con " style =" display: none; gt777 lt/ div gt;
ltdiv class = " widget _ con " style = " display: none; gt888 lt/div gt;
ltdiv class = " widget _ con " style = " display : none; /p>
clase ltdiv
= " widget _ con " estilo = " display: none; gt000 lt/div gt;
lt/div gt;
lt/div gt;
lt/cuerpo gt;
lt/html