[求助]用JavaScript如何实现鼠标效果 - JavaScript论坛

找份好工作

等　级：新手上路
帖　子：108
专家分：0
注　册：2007-3-20

楼主

问题点数：0 回复次数：6

[求助]用JavaScript如何实现鼠标效果

哪位JavaScript高手帮我实现：
鼠标放到标题上时，出现一个下框，框里可以查询出数据库的数据。。
谢谢

搜索更多相关主题的帖子: 鼠标　 JavaScript　效果　

2007-03-21 17:19

feifeiaini1

等　级：新手上路
帖　子：199
专家分：0
注　册：2006-11-13

第 3 楼

得分:0

用层可以实现```当鼠标移到上面时显示````移开是隐藏```

原理应该就是这样的吧

2007-03-22 11:58

cyyu_ryh

等　级：贵宾
威　望：45
帖　子：1899
专家分：176
注　册：2006-10-21

第 5 楼

得分:0

脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT language=javascript>

function out1()
{
if(window.event.toElement.id!="menu1"&&window.event.toElement.id!="link")
menu1.style.visibility="hidden";
}
//-->
</SCRIPT>

第二步:把如下代码加入<body>区域中
<div id="back" onmouseout="out()"style="position:absolute;top:180;left:310;width:160;height:40;z-index:1;visibility:visible;">
<span id="menubar" onmouseover="menu.style.visibility='visible'">
<font color=red size=2>菜单</span>
<div border=1 id="menu" style="position:absolute;top:15;left:0;width:50;height:10;z-index:2;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>
<div id="back" onmouseout="out1()"style="position:absolute;top:180;left:370;width:160;height:40;z-index:3;visibility:visible;">
<span id="menubar" onmouseover="menu1.style.visibility='visible'">
<font color=red size=2>菜单</span>
<div border=1 id="menu1" style="position:absolute;top:15;left:0;width:50;height:10;z-index:4;visibility:hidden;">
<a id="link" href="rjxz.htm">软件下载</a>
<a id="link" href="yxxz.htm">游戏下载</a>
<a id="link" href="hjsj.htm">黄金书籍</a>
<a id="link" href="mntk.htm">美女图库</a>
<a id="link" href="mp3.htm">MP3金曲</a>
<a id="link" href="flash.htm">FLASH</a>
</div>
</div>

有事无事都密我. MSN: cyyu_ryh@hotmail.co.jp E-mail: cyyu_ryh@

2007-03-22 17:43

lijunlenly

等　级：新手上路
帖　子：34
专家分：0
注　册：2005-12-30

第 7 楼

得分:0

看不懂你说什么问题

孤独是一个人的狂欢~！狂欢是一群人的孤独~！

2007-03-31 00:47