Dieses Plug-In enthält mehrere Kombinations-Plug-Ins für Superslide-Tag-Switching und Focus Map. (Kompatibel mit Mainstream -Browsern wie dem IE -Kernel (einschließlich unbesiegbarer IE6), Webkit -Kernel, FF, Operator usw.). Die einheitliche Plug-in-Bibliothek für Websites enthält die meisten der häufig verwendeten JS-Effekte auf der Website. Die Datei enthält eine detaillierte Erklärung der Verwendung.
JS Ruf:
Die Codekopie lautet wie folgt:
jQuery (".
JQuery ("#DoubleSlidetxt"). Slide ({Titcell: ". Parhd li", maincell: ". parbdin", effekt: "top", Trigger: "klicken"});
CSS -Code:
Die Codekopie lautet wie folgt:
/* Doppelter Folien-Text-Scrolling-Effekt*//
#DoUblesLidetxt {Breite: 524px;
#DoUblesLidEtxt .Parhd {Position: Absolute;
#DoublesLidetxt .Parhd li {Breite: 14px;
Margin-Bottom: 5PX;
#DoublesLidetxt .Parhd li.on {Hintergrund: #dbeefd;
Margin-Links: 0PX;
#DoublesLidetxt .Parbd {Position: relativ
«
#DoUblesLidetxt .Parbd .SlidetxtBox .HD {Hintergrund: #fff;
HTML:
Die Codekopie lautet wie folgt:
<! 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"> <kopf>
<meta http-äquiv = "content-type" content = "text/html; charset = utf-8">
<meta http-äquiv = "content-Sprache" content = "en-cn">
<meta name = "keywords" content = "">
<meta name = "Beschreibung" 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>
<!-Inhalt s->
<div id = "Democontent">
<div>
<div id = "doppellidetxt">
<div>
<ul>
<li> Spalte 1 </li>
<li> Spalte 2 </li>
<li> Spalte drei </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 = ""> ins Ausland </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China bricht die Regeln der Weltsoftware-Riesen </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Gesprochene Sprache: Wenn Sie Chinesisch sprechen können, können Sie Englisch sprechen! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Es ist besser, Online-Fremdsprache zu lernen, als Gemüse auf dem Bauernhof zu wählen </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Die Lehrer der Mathematik-, Physik- und Chemie-Lehrer lesen tatsächlich Lernmaterialien? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Englisch lernen, iPad2, 45 Tage Durchbruch zu senden </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> Fremdsprachen studieren und an die Peking Foreign Studies University gehen! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Berühmte Lehrer lehren Essays: 3 clevere Tricks zum Schreiben von hohen Punktzahlen </a> </li>>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: lehre dich, dich auf die SAT-Prüfung vorzubereiten </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Shi Qiang: High-End-Berufssprache </a> </li>>
<li> <span> 2011-11-11 </span> <a href = ""> Die Lehrer der Mathematik-, Physik- und Chemie-Lehrer lesen tatsächlich Lernmaterialien? </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> 【Empfohlen】 Die englische Methode der berühmten Schulen ist entlarvt! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Der "Testpunkt" der College-Aufnahmeprüfung 2012 wurde entlarvt !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> acht berühmte Schulen in Australien </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University-Ranglisten werden frisch veröffentlicht </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Studie in Singapur, internationale zweisprachige Kurse </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> im Ausland in Japan Studie nach der College-Aufnahmeprüfung ist Ihre Wahl </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> Förderung von Vorteilsressourcen in der Bildungs- und Schulungsbranche </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Setzen Sie jetzt die letzte Bildungsausstellung des Jahres </a> </li>
</ul>
</div>
</div>
<!-SlidetxtBox e->
<!-SlidetxtBox S->
<div>
<div>
<ul> <li> <a href = ""> Bildung 2 </a> </li> <li> <a href = ""> Training 2 </a> </li> <li> <a href = ""> ins Ausland 2 </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China bricht die Regeln der Weltsoftware-Riesen </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Gesprochene Sprache: Wenn Sie Chinesisch sprechen können, können Sie Englisch sprechen! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Es ist besser, Online-Fremdsprache zu lernen, als Gemüse auf dem Bauernhof zu wählen </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Die Lehrer der Mathematik-, Physik- und Chemie-Lehrer lesen tatsächlich Lernmaterialien? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Englisch lernen, iPad2, 45 Tage Durchbruch zu senden </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> Fremdsprachen studieren und an die Peking Foreign Studies University gehen! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Berühmte Lehrer lehren Essays: 3 clevere Tricks zum Schreiben von hohen Punktzahlen </a> </li>>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: lehre dich, dich auf die SAT-Prüfung vorzubereiten </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Shi Qiang: High-End-Berufssprache </a> </li>>
<li> <span> 2011-11-11 </span> <a href = ""> Die Lehrer der Mathematik-, Physik- und Chemie-Lehrer lesen tatsächlich Lernmaterialien? </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> 【Empfohlen】 Die englische Methode der berühmten Schulen ist entlarvt! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Der "Testpunkt" der College-Aufnahmeprüfung 2012 wurde entlarvt !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> acht berühmte Schulen in Australien </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University-Ranglisten werden frisch veröffentlicht </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Studie in Singapur, internationale zweisprachige Kurse </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> im Ausland in Japan Studie nach der College-Aufnahmeprüfung ist Ihre Wahl </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> Förderung von Vorteilsressourcen in der Bildungs- und Schulungsbranche </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Setzen Sie jetzt die letzte Bildungsausstellung des Jahres </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 = ""> ins Ausland 3 </a> </li> </ul>
</div>
<div>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> China bricht die Regeln der Weltsoftware-Riesen </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Gesprochene Sprache: Wenn Sie Chinesisch sprechen können, können Sie Englisch sprechen! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Es ist besser, Online-Fremdsprache zu lernen, als Gemüse auf dem Bauernhof zu wählen </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Die Lehrer der Mathematik-, Physik- und Chemie-Lehrer lesen tatsächlich Lernmaterialien? </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Englisch lernen, iPad2, 45 Tage Durchbruch zu senden </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> Fremdsprachen studieren und an die Peking Foreign Studies University gehen! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> Berühmte Lehrer lehren Essays: 3 clevere Tricks zum Schreiben von hohen Punktzahlen </a> </li>>
<li> <span> 2011-11-11 </span> <a href = ""> yale boy: lehre dich, dich auf die SAT-Prüfung vorzubereiten </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Shi Qiang: High-End-Berufssprache </a> </li>>
<li> <span> 2011-11-11 </span> <a href = ""> Die Lehrer der Mathematik-, Physik- und Chemie-Lehrer lesen tatsächlich Lernmaterialien? </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> 【Empfohlen】 Die englische Methode der berühmten Schulen ist entlarvt! </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Der "Testpunkt" der College-Aufnahmeprüfung 2012 wurde entlarvt !! </a> </li>
</ul>
<ul>
<li> <span> 2011-11-11 </span> <a href = ""> acht berühmte Schulen in Australien </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> 2012 World University-Ranglisten werden frisch veröffentlicht </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Studie in Singapur, internationale zweisprachige Kurse </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> im Ausland in Japan Studie nach der College-Aufnahmeprüfung ist Ihre Wahl </a> </li>
<li> <Pan> 2011-11-11 </span> <a href = ""> Förderung von Vorteilsressourcen in der Bildungs- und Schulungsbranche </a> </li>
<li> <span> 2011-11-11 </span> <a href = ""> Setzen Sie jetzt die letzte Bildungsausstellung des Jahres </a> </li>
</ul>
</div>
</div>
<!-SlidetxtBox e->
</div>
</div>
<!-parbd e->
</div>
<script type = "text/javaScript">
jQuery (".
JQuery ("#DoublesLidetxt"). Slide ({TitleCell: ". Parhd li", maincell: ". parbdin", effekt: "top", Trigger: "klicken"});
</script>
</div>
</div>
<!-Inhalt e->
</body>
</html>
Das obige dreht sich alles um diesen Artikel, ich hoffe es gefällt euch.