В этой статье описывается метод, который JS+CSS может сдать дисплей выбранных ячеек. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:
Скопируйте код следующим образом: <html>
<голова>
<Title> JS+CSS Реализация может перерыть отображать выбранные ячейки </title>
<style>
td {coursor: hand; размер font: 12px}
.click {border-top: 1px sold #0033cc; пограничный пакет: 1px sold #ddeff; граница-лето: 1px sold #0033cc; граница правая: 1px solid #ddeff; padding-top: 5px; паддинг-рот: 3px; Padding-alft: 5px; Padding-fright: 3px;
.hover {Border-Top: 1px Solid #ddeff; Border-Bottom: 1px Solid #0033CC; Border-left: 1px Solid #ddeff; Право границы: 1px sold #0033cc; Padding: 4px;}
. Нормальный {граница: 1px sold #fffff; padding: 4px;}
</style>
</head>
<тело>
<Скрипт>
функция Overbutton () {
if (src = event.srcelement)
if (src.classname == "Нормальный") {
src.classname = 'Hover';
}
}
функция outbutton () {
if (src = event.srcelement)
if (src.classname == "Hover") {
src.classname = 'normal';
}
}
функция clickbutton () {
if (src = event.srcelement)
if (src.classname == "Hover") {
var cells = document.all.button.rows [0] .cells;
для (i = 0; i <cells.length; i ++)
{ячейки [i] .classname = "Нормальный";
}
src.classname = 'click';
}
}
Document.onmouseover = Overbutton
document.onmouseout = outbutton
document.onclick = clickbutton </script>
<Таблица идентификатора = кнопка>
<Tr>
<Td class = click> daily </td>
<Td class = нормальный> Еженедельный отчет </td>
<Td class = нормальный> ежемесячный отчет </td>
<Td class = нормальный> Ежеквартальный отчет </td>
<Td class = нормальный> ежедневно </td>
<Td class = нормальный> Еженедельный отчет </td>
<Td class = нормальный> ежемесячный отчет </td>
<Td class = нормальный> Ежеквартальный отчет </td>
</Tr>
</Table>
</body>
</html>
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.