回 帖 发 新 帖 刷新版面

主题:求助实现下拉层显示数据库信息

本人要做个鼠标移动到标题,就显示下拉层,层里显示数据库信息
主要是标题不是用数据库显示的,是自己输入的,所有怎么触发查询数据库,不知道怎么做,
希望高手能教教,最好有例子[em21]

回复列表 (共5个回复)

沙发

怎么没人啊,帮帮小弟吧,老板老催,我快疯掉拉555555555555

板凳

这个用ajax可以做到,但是例子么也不太好说,建议你可以到网上搜索一下。这种例子还是很多的。

3 楼

可以在打开页面的时候,将标题下面的层中的内容显示出来,只不过display等于none,用户看不见
当鼠标移动上面的时候,再将display设为block,这样就可以看到了

4 楼

http://blog.ii-home.cn/
吧鼠标放再菜单栏上~~用ajax做的~~

5 楼

<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>

我来回复

您尚未登录,请登录后再回复。点此登录或注册