Web-Frontend
js-Tutorial
Implementierung des interlaced-Farbänderungseffekts von jquery method_jquery
Implementierung des interlaced-Farbänderungseffekts von jquery method_jquery
May 16, 2016 pm 04:19 PMDas Beispiel in diesem Artikel beschreibt, wie der JQuery-Interlaced-Farbänderungseffekt implementiert wird. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:
Verwenden Sie JQuery, um den Effekt der Verflechtung von Linien zu erzielen, was so einfach wie Essen ist. Kommen Sie und sehen Sie, wie einfach der Code ist
<Kopf>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#stu tr:even").addClass("bg");
$("#stu tr:odd").addClass("bg1");
});
</script>
<style type="text/css">
#stu{width:300px;border:solid 1px green;border-spacing:0px;}
#stu th{background:#ccc;}
.bg{Hintergrund:blau;}
.bg1{Hintergrund:gelb;}
</style>
</head>
<body>
<table id="stu">
<tr><th>Studentenausweis</th><th>Name</th><th>Hauptfach</th></tr>
<tr><td>0812124</td><td>Schaf Schaf Schaf</td><td>Bioingenieurwesen</td></tr>
<tr><td>0812120</td><td>Yan Yanyan</td><td>Software Engineering</td></tr>
<tr><td>0812124</td><td>Wang Meiren</td><td>Computer</td></tr>
<tr><td>0812124</td><td>Head & Shoulders</td><td>Business English</td></tr>
<tr><td>0812124</td><td>Mrs. Song</td><td>Arzneimittelforschung</td></tr>
</table>
</body>
</html>
Ich hoffe, dass dieser Artikel für alle bei der jQuery-Programmierung hilfreich sein wird.
Heißer Artikel
Hot-Tools-Tags
Heißer Artikel
Heiße Artikel -Tags
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
Benutzer stoßen auf seltene Störungen: Bei Samsung Watch-Smartwatches treten plötzlich Probleme mit dem weißen Bildschirm auf
Apr 03, 2024 am 08:13 AM
Benutzer stoßen auf seltene Störungen: Bei Samsung Watch-Smartwatches treten plötzlich Probleme mit dem weißen Bildschirm auf
So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App
Mar 28, 2024 pm 12:50 PM
So schreiben Sie einen Roman in der Tomato Free Novel-App. Teilen Sie das Tutorial zum Schreiben eines Romans in der Tomato Novel-App
So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen)
May 01, 2024 pm 12:01 PM
So stellen Sie gelöschte Kontakte auf WeChat wieder her (ein einfaches Tutorial erklärt Ihnen, wie Sie gelöschte Kontakte wiederherstellen)
Schneller Meister: So eröffnen Sie zwei WeChat-Konten auf Huawei-Handys!
Mar 23, 2024 am 10:42 AM
Schneller Meister: So eröffnen Sie zwei WeChat-Konten auf Huawei-Handys!
Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten)
May 04, 2024 pm 06:01 PM
Das Geheimnis des Ausbrütens mobiler Dracheneier wird gelüftet (Schritt für Schritt erfahren Sie, wie Sie mobile Dracheneier erfolgreich ausbrüten)
Kyushu Fengshen Assassin 4S Kühlertest Luftgekühlter „Assassin Master'-Stil
Mar 28, 2024 am 11:11 AM
Kyushu Fengshen Assassin 4S Kühlertest Luftgekühlter „Assassin Master'-Stil
So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen)
May 07, 2024 pm 03:34 PM
So stellen Sie die Schriftgröße auf dem Mobiltelefon ein (Schriftgröße auf dem Mobiltelefon einfach anpassen)
Der Unterschied zwischen Methoden und Funktionen der Go-Sprache und Analyse von Anwendungsszenarien
Apr 04, 2024 am 09:24 AM
Der Unterschied zwischen Methoden und Funktionen der Go-Sprache und Analyse von Anwendungsszenarien
