Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Table隔行变色的JavaScript代码_javascript技巧

Table隔行变色的JavaScript代码_javascript技巧

WBOY
Freigeben： 2016-05-16 18:11:49
Original
826 Leute haben es durchsucht

效果演示代码:


[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

核心代码:
复制代码 代码如下:

function showtable(){
var color1 = "rgb(234,240,255)";
var color2 = "rgb(255,255,255)";
var bgColor = "rgb(255,255,193)";
var trs = document.getElementById("datatable").getElementsByTagName("tr");
for (var i=0;iif (i%2==0) {
trs[i].style.backgroundColor=color1;
trs[i].onmouseover = function(){
this.style.backgroundColor = bgColor;
}
trs[i].onmouseout = function(){
this.style.backgroundColor = color1;
}
} else {
trs[i].style.backgroundColor=color2;
trs[i].onmouseover = function(){
this.style.backgroundColor = bgColor;
}
trs[i].onmouseout = function(){
this.style.backgroundColor = color2;
}
}
}
}
Verwandte Etiketten：
table
Quelle：php.cn
Vorheriger Artikel：改进UCHOME的记录发布，增强可访问性用户体验_javascript技巧 Nächster Artikel：对xmlHttp对象的理解_基础知识
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
So rufen Sie Werte nicht ausgewählter Zeilen in einer HTML-Datentabelle mithilfe von JQuery ab Ich versuche, den Wert aller Zeilen zu ermitteln, in denen nicht auf die Schaltfläche gekl...
Aus 2024-04-05 09:26:49
0
1
1418
Rufen Sie verschachtelte verwandte Werte in MySQL ab Ich versuche, verwandte Werte basierend auf mehreren Einträgen in einer Datenbank abzurufe...
Aus 2024-04-04 17:29:06
0
2
365
Wie kann man auf bestimmte Klickereignisse achten, andere jedoch unterdrücken? Meine Webanwendung enthält eine HTML-Tabelle, in der jede Zeile auf eine bestimmte URL ver...
Aus 2024-04-04 16:55:27
0
1
317
Vertikal gedrehter Tabellentitel, zentriert + unten ausgerichtet, browserübergreifend Ich habe eine Tabelle mit gedrehten Kopfzeilen, die in Chrome wie erwartet aussieht, in Fi...
Aus 2024-04-04 16:45:25
0
1
330
Tabelle mit fester Kopfzeile und gedrehten Spaltenüberschriften Ich habe eine Tabelle mit einer festen Kopfzeile und einer festen ersten Spalte. Ich möcht...
Aus 2024-04-03 08:50:32
0
1
362
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage