主题:求助实现下拉层显示数据库信息
arthur251
[专家分:10] 发布于 2008-07-05 11:11:00
本人要做个鼠标移动到标题,就显示下拉层,层里显示数据库信息
主要是标题不是用数据库显示的,是自己输入的,所有怎么触发查询数据库,不知道怎么做,
希望高手能教教,最好有例子[em21]
回复列表 (共5个回复)
沙发
arthur251 [专家分:10] 发布于 2008-07-05 11:28:00
怎么没人啊,帮帮小弟吧,老板老催,我快疯掉拉555555555555
板凳
yaozheng [专家分:28410] 发布于 2008-07-05 15:04:00
这个用ajax可以做到,但是例子么也不太好说,建议你可以到网上搜索一下。这种例子还是很多的。
3 楼
wangsdong [专家分:21390] 发布于 2008-07-05 22:31:00
可以在打开页面的时候,将标题下面的层中的内容显示出来,只不过display等于none,用户看不见
当鼠标移动上面的时候,再将display设为block,这样就可以看到了
4 楼
anlige [专家分:270] 发布于 2008-07-06 22:04:00
http://blog.ii-home.cn/
吧鼠标放再菜单栏上~~用ajax做的~~
5 楼
神之左手 [专家分:390] 发布于 2008-07-13 00:41:00
<html>
<head>
<title>测试</title>
<style type="text/css">
#menu{
display:block;
width:360px;
padding-bottom:2px;
text-align:center;
}
.menubutton{
width:120px;
height:30px;
background-color:#CCCCCC;
float:left;
padding-top:5px;
cursor:pointer;
color:#FFFFFF;
}
#sub1{
width:360px;
height:25px;
background-color:#00CCFF;
}
#sub2{
width:360px;
height:25px;
background-color:#FF9900;
}
#sub3{
width:360px;
height:25px;
background-color:#CC99CC;
}
</style>
</head>
<body>
<div id="menu">
<div class="menubutton" onMouseOver="show('sub1');">菜单1</div>
<div class="menubutton" onMouseOver="show('sub2');">菜单2</div>
<div class="menubutton" onMouseOver="show('sub3');">菜单3</div>
</div>
<div id="sub1" style="display:none" onMouseOver="show('sub1');" onMouseOut="hidden()">从数据库中获得a</div>
<div id="sub2" style="display:none" onMouseOver="show('sub2');" onMouseOut="hidden()">从数据库中获得b</div>
<div id="sub3" style="display:none" onMouseOver="show('sub3');" onMouseOut="hidden()">从数据库中获得c</div>
<script language="javascript">
function show(text)
{
document.getElementById("sub1").style.display="none";
document.getElementById("sub2").style.display="none";
document.getElementById("sub3").style.display="none";
eval("document.getElementById('" + text + "').style.display=''");
}
function hidden()
{
document.getElementById("sub1").style.display="none";
document.getElementById("sub2").style.display="none";
document.getElementById("sub3").style.display="none";
}
</script>
</body>
</html>
我来回复