超级链接,鼠标经过则显示背景色的代码
展开全部
<script language="JavaScript">
function changeto(highlightcolor)
{
source=event.srcElement;
if (source.tagName=="TR"||source.tagName=="TABLE");
return
while(source.tagName!="TD");
source=source.parentElement;
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore");
<!--设置表格背景颜色-->
source.style.backgroundColor=highlightcolor;
}
function changeback(originalcolor)
{
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor;
}
</script>
<table border="1" width="30%">
<tr onMouseOver="changeto('#FFFF00')" onMouseOut="changeback('white')">
<td width="100%"> <center><a href="http://www.JavaScript.com">JavaScript论坛</a></td></tr>
<!--设置表格第一行的颜色-->
<tr onMouseOver="changeto('#00FF00')" onMouseOut="changeback('white')">
<td width="100%"><center><a href="http://www.JavaScript.com">JavaScript课程</a></td></tr>
<!--设置表格第二行的颜色-->
<tr onMouseOver="changeto('#00FFFF')" onMouseOut="changeback('white')">
<td width="100%"><center><a href="http://www.JavaScript.com">JavaScript软件</a></td></tr>
<!--设置表格第三行的颜色-->
</table>
function changeto(highlightcolor)
{
source=event.srcElement;
if (source.tagName=="TR"||source.tagName=="TABLE");
return
while(source.tagName!="TD");
source=source.parentElement;
if (source.style.backgroundColor!=highlightcolor&&source.id!="ignore");
<!--设置表格背景颜色-->
source.style.backgroundColor=highlightcolor;
}
function changeback(originalcolor)
{
if (event.fromElement.contains(event.toElement)||source.contains(event.toElement)||source.id=="ignore")
return
if (event.toElement!=source)
source.style.backgroundColor=originalcolor;
}
</script>
<table border="1" width="30%">
<tr onMouseOver="changeto('#FFFF00')" onMouseOut="changeback('white')">
<td width="100%"> <center><a href="http://www.JavaScript.com">JavaScript论坛</a></td></tr>
<!--设置表格第一行的颜色-->
<tr onMouseOver="changeto('#00FF00')" onMouseOut="changeback('white')">
<td width="100%"><center><a href="http://www.JavaScript.com">JavaScript课程</a></td></tr>
<!--设置表格第二行的颜色-->
<tr onMouseOver="changeto('#00FFFF')" onMouseOut="changeback('white')">
<td width="100%"><center><a href="http://www.JavaScript.com">JavaScript软件</a></td></tr>
<!--设置表格第三行的颜色-->
</table>
博思aippt
2024-07-20 广告
2024-07-20 广告
博思AIPPT是基于ai制作PPT的智能在线工具,它提供了4种AI制作PPT的方式,包括AI生成大纲、AI直接生成PPT、文本生成PPT、AI提炼文档生成PPT,一站式集成多种AI生成PPT的方式,可满足办公用户的不同需求和使用场景。ai生...
点击进入详情页
本回答由博思aippt提供
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询