Este artículo describe el método de que JS+CSS puede deprimir la visualización de celdas seleccionadas. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <html>
<Evista>
<title> La implementación de JS+CSS puede recesarse para mostrar celdas seleccionadas </title>
<estilo>
td {cursor: manual; font-size: 12px}
.Click {border-top: 1px solid #0033cc; border-bottom: 1px solid #ddeeff; border-left: 1px solid #0033cc; border-right: 1px sólido #ddefeff; padding-top: 5px; pildomottom: 3px; pilotaje: 5px; padding-right: 3px;};}
.Hover {border-top: 1px solid #ddeefef; border-bottom: 1px sólido #0033cc; borde-izquierda: 1px sólido #ddeeff; border-right: 1px sólido #0033cc; relleno: 4px;}
.normal {borde: 1px sólido #fffff; padding: 4px;}
</style>
</ablo>
<Body>
<script>
función overbutton () {
if (src = event.srcelement)
if (src.classname == "normal") {
src.classname = 'hover';
}
}
función outButton () {
if (src = event.srcelement)
if (src.classname == "hover") {
src.classname = 'normal';
}
}
función clickButton () {
if (src = event.srcelement)
if (src.classname == "hover") {
var celdas = document.all.button.rows [0] .Cells;
para (i = 0; i <cells.length; i ++)
{celdas [i] .classname = "normal";
}
src.classname = 'hacer clic';
}
}
document.onmouseover = overbutton
document.onmouseOut = outButton
document.Onclick = clickButton </script>
<Tabla ID = Button>
<tr>
<Td class = Click> Daily </td>
<Td class = normal> informe semanal </td>
<Td class = normal> informe mensual </td>
<Td class = normal> informe trimestral </td>
<Td class = normal> diary </td>
<Td class = normal> informe semanal </td>
<Td class = normal> informe mensual </td>
<Td class = normal> informe trimestral </td>
</tr>
</table>
</body>
</html>
Espero que este artículo sea útil para la programación de JavaScript de todos.