JavaScript实现表格交互效果
博客展示了一段代码，运用JavaScript实现表格单元格的交互效果。当鼠标悬停、移出单元格时，会改变光标样式和背景颜色；点击单元格时，会触发链接跳转。代码结合HTML构建了一个简单网页。
<html>
<script LANGUAGE="javascript">
<!--
function mOvr(src) {
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand'; src.bgColor = "#FDEAB5";
}
}
function mOut(src) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default'; src.bgColor = "#FFDB91";
}
}
function mClk(src) {
if(event.srcElement.tagName=='TD'){
src.children.tags('A')[0].click();
}
}
-->
</script>
<body topmargin="0" leftmargin="0" bgcolor="#ffcc66" marginwidth="0" marginheight="0">
<table border="0" cellspacing="0" cellpadding="0" width="90%" align="center">
<tr bgcolor="#FFDB91" align="center">
<td height="25" onMouseOver="mOvr(this);" onMouseOut="mOut(this);" onClick="mClk(this);"><a href="http://www.codechina.net"; target="bbsmain"><font color="#000000">代码中国</font></a></td>
</tr>
</table>
</body>
</html>
扫一扫
561
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
