Ce plug-in comprend plusieurs plug-ins de combinaison pour la commutation de balise SuperSlide et la carte de mise au point. (Compatible avec les navigateurs grand public tels que le noyau IE (y compris Invincible IE6), le noyau WebKit, FF, l'opérateur, etc.). La bibliothèque plug-in unifiée pour les sites Web contient la plupart des effets JS couramment utilisés sur le site Web. Le fichier contient une explication détaillée de l'utilisation.
Appel JS:
La copie de code est la suivante:
jQuery (". SlidetxtBox"). Slide ({Effect: "Left"});
jQuery ("# doubleLidetxt"). Slide ({titCell: ". Parhd li", MainCell: ". Parbdin", effet: "Top", Trigger: "Cliquez"});
Code CSS:
La copie de code est la suivante:
/ * Effet de défilement à double diapositive * /
#DoublesLidetxt {largeur: 524px;
#DoublesLidetxt .Parhd {Position: Absolute; Z-Index: 1;
#DoublesLidetxt .Parhd li {largeur: 14px;
marge-fond: 5px;
#DoublesLidetxt .Parhd li.on {Background: #DBEEFD;
marge-gauche: 0px;
#DoublesLidetxt .Parbd {Position: Relative; Z-Index: 0;
#DoublesLidetxt .Parbd .slidetxtbox {Background: #ffff;
#DoublesLidetxt .Parbd .slidetxtbox .hd {background: #fff;
HTML:
La copie de code est la suivante:
<! 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"> <adref>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8">
<meta http-equiv = "content-lang" content = "en-cn">
<meta name = "keywords" contenu = "">
<meta name = "Description" 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">
</ head>
<body>
<body>
<! - Contenu S ->
<div id = "démocontent">
<div>
<div id = "doublelidetxt">
<div>
<ul>
<li> Colonne 1 </li>
<li> Colonne 2 </li>
<li> Colonne trois </li>
</ul>
</div>
<! - Parbd S ->
<div>
<div>
<! - SlidetxtBox S ->
<div>
<div>
<ul> <li> <a href = ""> Education1 </a> </li> <li> <a href = ""> Training1 </a> </li> <li> <a href = ""> Aller à l'étranger1 </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China enfreint les règles des géants des logiciels mondiaux </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Langue parlée: si vous pouvez parler chinois, vous pouvez parler anglais! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Il vaut mieux apprendre la langue étrangère en ligne que de choisir des légumes à la ferme </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les professeurs de mathématiques, de physique et de chimie lisent réellement le matériel d'apprentissage? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Apprenez l'anglais pour envoyer iPad2, 45 jours de percée </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étudiez les langues étrangères et allez à l'Université d'études étrangères de Pékin! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Les enseignants célèbres enseignent les essais: 3 astuces intelligentes pour écrire des scores élevés </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: apprenez à vous préparer à l'examen SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi Qiang: enseignement professionnel haut de gamme </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les professeurs de mathématiques, de physique et de chimie lisent réellement le matériel d'apprentissage? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【Recommandé】 La méthode anglaise des écoles célèbres est exposée! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Le "point de test" de l'examen d'entrée du collège 2012 a été exposé !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> huit écoles célèbres en Australie </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les classements universitaires mondiaux 2012 sont fraîchement sortis </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étude à Singapour, cours bilingues internationaux </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étudier à l'étranger au Japon après l'examen d'entrée au collège sera votre choix </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Promotion des ressources d'avantage dans l'industrie de l'éducation et de la formation </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Définissez la dernière exposition d'éducation de l'année maintenant </a> </li>
</ul>
</div>
</div>
<! - SlidetxtBox E ->
<! - SlidetxtBox S ->
<div>
<div>
<ul> <li> <a href = ""> Education 2 </a> </li> <li> <a href = ""> Formation 2 </a> </li> <li> <a href = ""> Aller à l'étranger 2 </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China enfreint les règles des géants des logiciels mondiaux </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Langue parlée: si vous pouvez parler chinois, vous pouvez parler anglais! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Il vaut mieux apprendre la langue étrangère en ligne que de choisir des légumes à la ferme </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les professeurs de mathématiques, de physique et de chimie lisent réellement le matériel d'apprentissage? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Apprenez l'anglais pour envoyer iPad2, 45 jours de percée </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étudiez les langues étrangères et allez à l'Université d'études étrangères de Pékin! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Les enseignants célèbres enseignent les essais: 3 astuces intelligentes pour écrire des scores élevés </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: apprenez à vous préparer à l'examen SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi Qiang: enseignement professionnel haut de gamme </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les professeurs de mathématiques, de physique et de chimie lisent réellement le matériel d'apprentissage? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【Recommandé】 La méthode anglaise des écoles célèbres est exposée! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Le "point de test" de l'examen d'entrée du collège 2012 a été exposé !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> huit écoles célèbres en Australie </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les classements universitaires mondiaux 2012 sont fraîchement sortis </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étude à Singapour, cours bilingues internationaux </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étudier à l'étranger au Japon après l'examen d'entrée au collège sera votre choix </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Promotion des ressources d'avantage dans l'industrie de l'éducation et de la formation </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Définissez la dernière exposition d'éducation de l'année maintenant </a> </li>
</ul>
</div>
</div>
<! - SlidetxtBox E ->
<! - SlidetxtBox S ->
<div>
<div>
<ul> <li> <a href = ""> Education3 </a> </li> <li> <a href = ""> Training3 </a> </li> <li> <a href = ""> Aller à l'étranger3 </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China enfreint les règles des géants des logiciels mondiaux </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Langue parlée: si vous pouvez parler chinois, vous pouvez parler anglais! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Il vaut mieux apprendre la langue étrangère en ligne que de choisir des légumes à la ferme </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les professeurs de mathématiques, de physique et de chimie lisent réellement le matériel d'apprentissage? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Apprenez l'anglais pour envoyer iPad2, 45 jours de percée </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étudiez les langues étrangères et allez à l'Université d'études étrangères de Pékin! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Les enseignants célèbres enseignent les essais: 3 astuces intelligentes pour écrire des scores élevés </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: apprenez à vous préparer à l'examen SAT </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> shi Qiang: enseignement professionnel haut de gamme </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les professeurs de mathématiques, de physique et de chimie lisent réellement le matériel d'apprentissage? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 【Recommandé】 La méthode anglaise des écoles célèbres est exposée! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Le "point de test" de l'examen d'entrée du collège 2012 a été exposé !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> huit écoles célèbres en Australie </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Les classements universitaires mondiaux 2012 sont fraîchement sortis </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étude à Singapour, cours bilingues internationaux </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Étudier à l'étranger au Japon après l'examen d'entrée au collège sera votre choix </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Promotion des ressources d'avantage dans l'industrie de l'éducation et de la formation </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Définissez la dernière exposition d'éducation de l'année maintenant </a> </li>
</ul>
</div>
</div>
<! - SlidetxtBox E ->
</div>
</div>
<! - Parbd e ->
</div>
<script type = "text / javascript">
jQuery (". SlidetxtBox"). Slide ({Effect: "Left"});
jQuery ("# doubleLidetxt"). Slide ({titlecell: ". Parhd li", MainCell: ". Parbdin", effet: "Top", Trigger: "Cliquez"});
</cript>
</div>
</div>
<! - Contenu E ->
</docy>
</html>
Ce qui précède est tout sur cet article, j'espère que vous l'aimez.