Artikel ini menjelaskan metode bahwa JS+CSS dapat menekan tampilan sel yang dipilih. Bagikan untuk referensi Anda. Metode implementasi spesifik adalah sebagai berikut:
Salin kode sebagai berikut: <Html>
<head>
<itement> Implementasi JS+CSS Dapat Memeriksa Tampilan Sel yang Dipilih </iteme>
<tyle>
td {kursor: hand; font-size: 12px}
.klick {border-top: 1px solid #0033cc; border-bottom: 1px solid #ddeeff; border-left: 1px solid #0033cc; border-right: 1px solid #ddeeff; padding-top: 5px; padding-bottom: 3px; padding-lee: 5px;
.hover {border-top: 1px solid #ddeeff; border-bottom: 1px solid #0033cc; border-left: 1px solid #ddeeff; border-right: 1px solid #0033cc; padding: 4px;}
.normal {border: 1px solid #fffff; padding: 4px;}
</tyle>
</head>
<body>
<script>
fungsi overbutton () {
if (src = event.srcelement)
if (src.classname == "normal") {
src.classname = 'hover';
}
}
fungsi outbutton () {
if (src = event.srcelement)
if (src.classname == "hover") {
src.classname = 'normal';
}
}
function clickbutton () {
if (src = event.srcelement)
if (src.classname == "hover") {
var cell = document.all.button.rows [0] .cells;
untuk (i = 0; i <cells.length; i ++)
{sel [i] .className = "normal";
}
src.classname = 'klik';
}
}
Document.onMouseOver = Overbutton
Document.onmouseout = outbutton
document.onClick = clickButton </script>
<Tabel id = tombol>
<tr>
<Td class = klik> harian </td>
<Td class = Normal> Laporan mingguan </td>
<Td class = Normal> Laporan bulanan </td>
<Td class = Normal> Laporan Triwulan </td>
<Td class = normal> harian </td>
<Td class = Normal> Laporan mingguan </td>
<Td class = Normal> Laporan bulanan </td>
<Td class = Normal> Laporan Triwulan </td>
</tr>
</boable>
</body>
</html>
Saya harap artikel ini akan membantu pemrograman JavaScript semua orang.