Question

asp.net网站的一个问题

类似飞库网这种怎样实现的？鼠标移上去就更改显示 我想过了 要麽是每个小的页面都要绑定一个服务器控件 要麽是写一个JS 然后提交表单 在服务器段根据参数确定控件需要绑定的数据源？如果是这样的话 该怎样传递这个参数呢？我所接触的post传值 都是在前台用html控件 然后服务器端request.form["name"]这种 我的想法对不对？麻烦高人讲解一下 最好有个示例 多谢了
我知道控制显隐可以实现 但是这样就要好多个绑定数据的控件（每页都要有一个） 我是想能不能用一个绑定控件实现呢？

Answer 1

JS+CSS实现。

其实原理很简单 就是当鼠标移动上去样式改变 写个循环
给你个简单的实例 这是导航 改下布局就行了
#topmenu .current a, #topmenu .current a:hover, #topmenu .current a:visited{
padding:5px 12px 5px 12px;
font-weight:bold;

}
.undis {
display:inline;
font-weight:bold;
display:none;
}
.dis {
display:inline
}
<script type="text/javascript" language="javascript">
<!--
function show(n){
//如果有N个标签,就将i<=N;
for(var i=1;i<=5;i++){
document.getElementById('sub_'+i).className='undis';
document.getElementById('topmenu_'+i).className='';
}
document.getElementById('topmenu_'+n).className='current';

document.getElementById('sub_'+n).className='dis';
}
-->
</script>
<div id="topmenu"><!--页眉 一级导航按钮-->
<ul>
<li id="topmenu_1"><a href="../Index.aspx" onmouseover="show(1)">图书A</a></li>
<li id="topmenu_2"><a href="../Index.aspx" onmouseover="show(2)" >图书B</a></li>
<li id="topmenu_3"><a href="../Index.aspx" onmouseover="show(3)" >图书C</a></li>
<li id="topmenu_4"><a href="../Index.aspx" onmouseover="show(4)" >图书D</a></li>
<li id="topmenu_5"><a href="../Index.aspx" onmouseover="show(5)" >图书E</a></li>
</ul>
</div>
</div>
<div id="top-panel"> <!--页眉 二级导航按钮-->
<div id="sub_1" class="undis" ></div>
<div id="sub_2" class="undis" >
<ul>
<li><a href="#">aa</a></li>
</ul>
</div>
<div id="sub_3" class="undis" >
<ul>
<li><a href="#" >bb</a></li>
</ul>
</div>
<div id="sub_4" class="undis">
<ul>
<li><a href="#" >cc</a></li>
</ul>
</div>
<div id="sub_5" class="undis">
<ul>
<li><a href="#" >dd</a></li>
</ul>
</div>
</div>

Answer 2

就是一个普通的显隐，没那么玄乎。。。

Answer 3

就是js操作css显示