W3School在线测试工具 V2_w3cschool在线教程

编辑您的代码：

<html>
<head>
<style>
table
{
background:black;
}
a
{
text-decoration:none;
color:#000000;
}
th
{
width:200px;
background:#FF8080;
}
td
{
font:bold;
background:#ADD8E6;
}
</style>
<script type="text/javascript">
function gettip(image)
{
document.getElementById('tip').innerHTML="<img src='" + image + "' />"
}
function reset()
{
document.getElementById('tip').innerHTML=" "
}
</script>
</head>

<body>
<b>请把鼠标移动到链接上，就可以看到它们的 logo：</b><br />
<table width="400px">
<tr>
<th>
<a href="../index.html"  
onmouseover="gettip('/i/w3school_logo_black.gif')"
onmouseout="reset()">www.layui1.com</a>
</th>
<td rowspan="3" id="tip" align="center" valign="center"> </td>
</tr>
<tr>
<th>
<a href="javascript:if(confirm('http://www.microsoft.com/  \n\n文件并未依 Teleport Pro 取回，因为 它的域或路径超过开始网址中设置的范围。  \n\n你要从服务器上打开它吗？'))window.location='http://www.microsoft.com/'" 
onmouseover="gettip('/i/eg_logo_microsoft.gif')"
onmouseout="reset()">Internet Explorer</a>
</th>
</tr>
</tr>
<tr>
<th>
<a href="javascript:if(confirm('http://my.netscape.com/  \n\n文件并未依 Teleport Pro 取回，因为 它的域或路径超过开始网址中设置的范围。  \n\n你要从服务器上打开它吗？'))window.location='http://my.netscape.com/'" 
onmouseover="gettip('/i/eg_logo_netscape.gif')"
onmouseout="reset()">Netscape Navigator</a>
</th>
</tr>
</table>
</body>

</html>

W3School TIY

编辑您的代码：

查看结果: