大侠们这个怎么做??鼠标经过弹出的DIV 能不能停住 让我点连接

pengyou41 2010-08-15 12:29:14
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server"> <title>div测试</title>
<script type="text/javascript">
function showHide(id){
var obj=document.getElementById(id);
obj.style.left = event.clientX;
obj.style.top = event.clientY;

if(obj.style.display=="none") obj.style.display="block";
}
function hide(id){
var obj=document.getElementById(id);
if(obj.style.display=="block") obj.style.display="none";
}
</script>
<style type="text/css">
.zhushi { border:1px solid #CC0033; padding:5px; width:200px; height:260px; color:#03c; background:#FFFFFF; font-size:16px; }
</style>
</head>
<body>
<form id="form1" runat="server">
<div id="aa" class="zhushi" style="display:none; background:red;overflow:auto; position:absolute"><a>这是我做的测试</a></div>
<IMG SRC="china.gif" WIDTH="500" HEIGHT="500" BORDER="0" ALT="" usemap="#newbook">
<map name="newbook">
<area shape="rect" coords="0,0,30,30" onmouseover=showHide('aa') onmouseout="hide('aa')">
<area shape="rect" coords="310,210,100,100" onmouseover=showHide('aa') onmouseout="hide('aa')">
<area shape="rect" coords="410,310,100,100" onmouseover=showHide('aa') onmouseout="hide('aa')">
</map>
</form>
</body>
</html>
...全文
50 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
lein_design 2010-08-15
  • 打赏
  • 举报
回复
不知道你想要什么效果 第一个函数里面写了div跟随鼠标的函数
可你又要让它停住...

87,921

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧