Dieser Artikel beschreibt die Methode, dass JS+CSS die Anzeige ausgewählter Zellen verdrängen kann. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <html>
<kopf>
<title> JS+CSS -Implementierung kann ausgewählte Zellen aufnehmen </title>
<Styles>
TD {Cursor: Hand; Schriftgröße: 12px}
.Click {Border-Top: 1PX Solid #0033cc; Border-Bottom: 1PX Solid #ddeeff; Border-Links: 1PX Solid #0033cc; Border-Right: 1PX Solid #ddeeff; Padding-Top: 5px; Padding-Bottom: 3px; Padding: 5PX;
.Hover {Border-Top: 1PX Solid #ddeeff; Border-Bottom: 1PX Solid #0033cc; Border-Links: 1PX Solid #ddeeff; Border-Light: 1PX Solid #0033cc; Polster: 4px;}
.normal {Grenze: 1px fest #fffff; padding: 4px;}
</style>
</head>
<body>
<Script>
Funktion overbutton () {
if (src = event.srcelement)
if (src.className == "normal") {
src.className = 'Hover';
}
}
Funktion outbutton () {
if (src = event.srcelement)
if (src.className == "hover") {
src.className = 'normal';
}
}
Funktion clickButton () {
if (src = event.srcelement)
if (src.className == "hover") {
var cells = document.all.button.rows [0] .Cells;
für (i = 0; i <cells.length; i ++)
{Zellen [i] .ClassName = "normal";
}
src.className = 'click';
}
}
document.onmouseover = Überbutton
document.onmouseout = outbutton
document.onclick = clickButton </script>
<Tabellen -ID = Taste>
<tr>
<Td class = click> täglich </td>
<Td class = normal> wöchentlicher Bericht </td>
<Td class = normal> monatlicher Bericht </td>
<Td class = normal> vierteljährlicher Bericht </td>
<Td class = normal> täglich </td>
<Td class = normal> wöchentlicher Bericht </td>
<Td class = normal> monatlicher Bericht </td>
<Td class = normal> vierteljährlicher Bericht </td>
</Tr>
</Table>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.