Dreamweaver如何让鼠标悬停在单元格内文字变色
展开全部
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>标题页</title>
</head>
<body>
<table width=500 cellspacing=0 rules=groups border
onmouseout="setColor0(event.fromElement)"
onmouseover="setColor1(event.srcElement)">
<col><col><col><col>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
</table><script>
var cols=document.getElementsByTagName("table")[0].children[0].children; //获取所有列
function setColor0(sender)
{
if(sender.tagName=="TD")
cols[sender.cellIndex].style.backgroundColor="";//鼠标移走时,取消颜色
}
function setColor1(sender)
{
if(sender.tagName=="TD")
cols[sender.cellIndex].style.backgroundColor="gray";//鼠标移过来时,改变颜色
}
</script>
</body>
</html>
试试这个~~!!!
<head>
<title>标题页</title>
</head>
<body>
<table width=500 cellspacing=0 rules=groups border
onmouseout="setColor0(event.fromElement)"
onmouseover="setColor1(event.srcElement)">
<col><col><col><col>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
<tr><td>第一列</td><td>第二列</td><td>第三列</td><td>第四列</td></tr>
</table><script>
var cols=document.getElementsByTagName("table")[0].children[0].children; //获取所有列
function setColor0(sender)
{
if(sender.tagName=="TD")
cols[sender.cellIndex].style.backgroundColor="";//鼠标移走时,取消颜色
}
function setColor1(sender)
{
if(sender.tagName=="TD")
cols[sender.cellIndex].style.backgroundColor="gray";//鼠标移过来时,改变颜色
}
</script>
</body>
</html>
试试这个~~!!!
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询