Este artigo descreve o método de que JS+CSS pode pressionar a exibição de células selecionadas. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <html>
<head>
<title> A implementação JS+CSS pode recrear células selecionadas </ititle>
<estilo>
td {cursor: Hand; font-size: 12px}
.Click {Border-top: 1px Solid #0033CC; Border-Bottom: 1px Solid #DDeeff; borda-esquerda: 1px Solid #0033CC; Border-Right: 1PX Solid #DDeeff; Padding-Top: 5px; Padding-Bottom: 3px; Padding-LEFT; 5PX; 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; preenchimento: 4px;}
</style>
</head>
<Body>
<Cript>
função overbutton () {
if (src = event.srcelement)
if (src.className == "normal") {
src.className = 'Hover';
}
}
função outbutton () {
if (src = event.srcelement)
if (src.className == "hover") {
src.className = 'Normal';
}
}
função clickbutton () {
if (src = event.srcelement)
if (src.className == "hover") {
Var Cells = Document.all.Button.Rows [0] .Cells;
para (i = 0; i <celulars.length; i ++)
{células [i] .className = "Normal";
}
src.className = 'click';
}
}
document.onMouseOver = Overbutton
document.onMouseOut = OUTBUTTON
Document.OnClick = ClickButton </sCript>
<Tabela ID = botão>
<tr>
<Td class = click> diariamente </td>
<TD Class = Normal> Relatório semanal </td>
<TD Class = Normal> Relatório mensal </td>
<TD Class = Normal> Relatório trimestral </td>
<Td class = normal> diariamente </td>
<TD Class = Normal> Relatório semanal </td>
<TD Class = Normal> Relatório mensal </td>
<TD Class = Normal> Relatório trimestral </td>
</tr>
</Tabela>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.