<html>
<head>
<title>
test the mouse event page
</title>
<script language = "javascript">
<!--
function ShowMouseDown()
{
alert("the mouse had down");
}
function ShowMouseEnter()
{
alert("the mouse had entered");
}
function ShowMouseLeave()
{
alert("the mouse had Left");
}
function ShowMouseMove()
{
document.getElementById("TdMsg").innerHTML += "..";
}
function ShowMouseOut()
{
alert("the mouse had out");
}
function ShowMouseUp()
{
alert("the mouse had up");
}
function ShowMouseWheel()
{
document.getElementById("TdMsg1").innerHTML += "1 ";
}
-->
</script>
</head>
<body>
<form method = "post" action = "http://mail.163.com">
<fieldset width = 50%>
<legend>test the mouse events
</legend>
<table border = 1>
<tr>
<td id = "TdMsg">asdf</td>
<td id = "TdMsg1">asdf</td>
</tr>
<tr>
<td style = "Visibility:hidden">
<input type ="radio" name = "color" value = "red"/>red
<input type ="radio" name = "color" value = "blue"/>blue
<input type ="radio" name = "color" value = "green"/>green<br/>
</td>
<td id = "td1" onmousewheel = "ShowMouseWheel()">MouseWheel</td>
</tr>
<tr>
<td id = "td2" onmousedown = "ShowMouseDown()">MouseDown</td>
<td id = "td3" onmouseenter = "ShowMouseEnter()">MouseEnter</td>
</tr>
<tr>
<td id = "td4" onmouseleave = "ShowMouseLeave()">MouseLeave</td>
<td id = "td5" onmousemove = "ShowMouseMove()">MouseMove</td>
</tr>
<tr>
<td id = "td6" onmouseout = "ShowMouseOut()">MouseOut</td>
<td id = "td7" onmouseup = "ShowMouseUp()">mouseUp</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
扫一扫
4699
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
