Este complemento incluye múltiples complementos de combinación para el cambio de etiqueta superslide y el mapa de enfoque. (Compatible con los navegadores convencionales como IE Kernel (incluido Invencible IE6), WebKit Kernel, FF, operador, etc.). La biblioteca de complementos unificados para sitios web contiene la mayoría de los efectos JS comúnmente utilizados en el sitio web. El archivo contiene una explicación detallada del uso.
JS llama:
La copia del código es la siguiente:
jQuery (". SlidEtxtBox"). Slide ({Effect: "Left"});
jQuery ("#dooBlessLidetxt"). Slide ({TitCell: ". Parhd Li", MainCell: ". Parbdin", Effect: "Top", Trigger: "Click"});
Código CSS:
La copia del código es la siguiente:
/* Efecto de desplazamiento de texto de doble deslizamiento*/
#DoUBLESLIDETXT {ancho: 524px;
#DoublesLidTxt .Parhd {Posición: Absoluto;
#DoublesLidEtxt .Parhd Li {ancho: 14px;
margen de margen: 5px;
#DoubleslidEtxt .Parhd li.on {fondo: #dbeefd;
margen-izquierda: 0px;
#DoUBLESLIDET.
#DoUBLESLIDETX.
#DoublesLidEtxt .Parbd .SlidetxtBox .hd {Background: #fff;
HTML:
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Strict // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-strict.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml"> <head>
<meta http-equiv = "content-type" content = "text/html; charset = utf-8">
<meta http-oquiv = "content-language" content = "en-cn">
<meta name = "Keywords" content = "">
<meta name = "descripción" content = "">
<title> Super Slide </title>
<script type = "text/javaScript" src = "../ jquery.pack.js"> </script>
<script type = "text/javaScript" src = "../ jquery.blockui.js"> </script>
<script type = "text/javaScript" src = "../ jquery.superslide.js"> </script>
<link href = "../ default.css" rel = "stylesheet" type = "text/css">
<Link href = "../ Demo.css" rel = "stylesheet" type = "text/css">
</ablo>
<Body>
<Body>
<!-contenido s->
<div id = "Democontent">
<div>
<div id = "dobleslidetxt">
<div>
<ul>
<li> Columna 1 </li>
<li> Columna 2 </li>
<li> columna tres </li>
</ul>
</div>
<!-Parbd s->
<div>
<div>
<!-slidEtxtbox s->
<div>
<div>
<ul> <li> <a href = ""> Education1 </a> </li> <li> <a href = ""> entrenamiento1 </a> </li> <li> <a href = ""> yendo al extranjero </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China rompe las reglas de los gigantes del software mundial </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Idioma hablado: si puedes hablar chino, ¡puedes hablar inglés! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Es mejor aprender un idioma extranjero en línea que elegir verduras en la granja </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¿Los maestros de matemáticas, física y química realmente leen materiales de aprendizaje? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Aprenda inglés para enviar iPad2, 45 días de avance </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¡Estudie idiomas extranjeros y vaya a la Universidad de Estudios Extranjeros de Beijing! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Los maestros famosos enseñan ensayos: 3 trucos inteligentes para escribir puntajes altos </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Yale Boy: Enséñete a prepararte para el examen SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi Qiang: enseñanza de lenguaje profesional de alta gama </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¿Los maestros de matemáticas, física y química realmente leen materiales de aprendizaje? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【Recomendado】 ¡El método inglés de las escuelas famosas está expuesto! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> El "punto de prueba" del examen de ingreso universitario de 2012 ha sido expuesto !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Ocho escuelas famosas en Australia </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University Rankings se lanzó recientemente </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Estudio en Singapur, cursos bilingües internacionales </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Estudiar en el extranjero en Japón después del examen de ingreso a la universidad será su elección </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Promoción de los recursos de ventaja en la industria de la educación y la capacitación </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Establezca la última exposición educativa del año ahora </a> </li>
</ul>
</div>
</div>
<!-slidEtxtbox e->
<!-slidEtxtbox s->
<div>
<div>
<ul> <li> <a href = ""> Educación 2 </a> </li> <li> <a href = ""> Capacitación 2 </a> </li> <li> <a href = ""> yendo al extranjero </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China rompe las reglas de los gigantes del software mundial </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Idioma hablado: si puedes hablar chino, ¡puedes hablar inglés! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Es mejor aprender un idioma extranjero en línea que elegir verduras en la granja </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¿Los maestros de matemáticas, física y química realmente leen materiales de aprendizaje? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Aprenda inglés para enviar iPad2, 45 días de avance </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¡Estudie idiomas extranjeros y vaya a la Universidad de Estudios Extranjeros de Beijing! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Los maestros famosos enseñan ensayos: 3 trucos inteligentes para escribir puntajes altos </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Yale Boy: Enséñete a prepararte para el examen SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi Qiang: enseñanza de lenguaje profesional de alta gama </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¿Los maestros de matemáticas, física y química realmente leen materiales de aprendizaje? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【Recomendado】 ¡El método inglés de las escuelas famosas está expuesto! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> El "punto de prueba" del examen de ingreso universitario de 2012 ha sido expuesto !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Ocho escuelas famosas en Australia </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University Rankings se lanzó recientemente </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Estudio en Singapur, cursos bilingües internacionales </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Estudiar en el extranjero en Japón después del examen de ingreso a la universidad será su elección </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Promoción de los recursos de ventaja en la industria de la educación y la capacitación </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Establezca la última exposición educativa del año ahora </a> </li>
</ul>
</div>
</div>
<!-slidEtxtbox e->
<!-slidEtxtbox s->
<div>
<div>
<ul> <li> <a href = ""> Education3 </a> </li> <li> <a href = ""> entrenamiento3 </a> </li> <li> <a href = ""> yendo al extranjero </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China rompe las reglas de los gigantes del software mundial </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Idioma hablado: si puedes hablar chino, ¡puedes hablar inglés! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Es mejor aprender un idioma extranjero en línea que elegir verduras en la granja </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¿Los maestros de matemáticas, física y química realmente leen materiales de aprendizaje? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Aprenda inglés para enviar iPad2, 45 días de avance </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¡Estudie idiomas extranjeros y vaya a la Universidad de Estudios Extranjeros de Beijing! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Los maestros famosos enseñan ensayos: 3 trucos inteligentes para escribir puntajes altos </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Yale Boy: Enséñete a prepararte para el examen SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi Qiang: enseñanza de lenguaje profesional de alta gama </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> ¿Los maestros de matemáticas, física y química realmente leen materiales de aprendizaje? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【Recomendado】 ¡El método inglés de las escuelas famosas está expuesto! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> El "punto de prueba" del examen de ingreso universitario de 2012 ha sido expuesto !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Ocho escuelas famosas en Australia </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University Rankings se lanzó recientemente </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Estudio en Singapur, cursos bilingües internacionales </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Estudiar en el extranjero en Japón después del examen de ingreso a la universidad será su elección </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Promoción de los recursos de ventaja en la industria de la educación y la capacitación </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Establezca la última exposición educativa del año ahora </a> </li>
</ul>
</div>
</div>
<!-slidEtxtbox e->
</div>
</div>
<!-Parbd E->
</div>
<script type = "text/javaScript">
jQuery (". SlidEtxtBox"). Slide ({Effect: "Left"});
jQuery ("#dooBlessLidETTXT"). Slide ({TitLecell: ". Parhd Li", MainCell: ". Parbdin", Effect: "Top", Trigger: "Click"});
</script>
</div>
</div>
<!-Contenido E->
</body>
</html>
Lo anterior se trata de este artículo, espero que les guste.