onmouseover.html

来自「js的源码 初学js的一些小例子」· HTML 代码 · 共 32 行

HTML
32
字号
<html>
<head>
  <script language="javascript">
    var num =0;
	 function showLink(num)	{
	   alert("Left:"+window.event.x+"Top"+window.event.y);
	   if (num==1){
	     document.forms[0].elements[0].value= "您选择了baidu";
	   }
	   if (num==2){
		document.forms[0].elements[0].value = "您选择了163";
	   }
	   if (num==3){
		document.forms[0].elements[0].value = "您选择了sina";
	   }
	 }
	 function over(){
	   mouse.style.left=window.event.x;
	   mouse.style.top=window.event.y;
	 }
  </script>
</head>
<body onMousemove="over()">
<form><input type=text size=60></form>
	<a href="#" onMouseOver="showLink(1)">baidu</a><br>
	<a href="#" onMouseOver="showLink(2)">163</a><br>
	<a href="#" onMouseOver="showLink(3)">sina</a><br>
	<div id="mouse" style="position:absolute;">
	  aaaaaaaaaaaaa
	</div>
</body>
</html>

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?