Question

如何设置当鼠标移动到一个div上时，下面显示两个div

如何设置当鼠标移动到某一个DIV按钮上时，立马在其下面显示两个DIV按钮？

Answer 1

这是需要javascript完成的

<div id="one" onmouseover="show('item')" onmouseout="hide('item')">调和转罐</div>
<ul id="item">
    <li>一转多</li>
    <li>多转一</li>
</ul>

<style>
#item{display:none}
</style>
<script type="text/javascript">
function show(obj){
  var XS = document.getElementById(obj);
      XS.style.display ="block";
}
function hide(obj){
  var YC = document.getElementById(obj);
      YC.style.display = "none";
}
</script>

Answer 2

<div style="margin-top:10px;">

<input id="shangbiao" type="button" value="商标" style="background-color:#3366FF; color:White; height:26px; width:85px" />
<input id="zhuanli" type="button" value="专利" style="background-color:#3366FF; color:White; height:26px; width:85px" />
<input id="zhishi" type="button" value="知识产权" style="background-color:#3366FF; color:White; height:26px; width:85px" />
</div> <asp:Panel ID="pro" runat="server">
<div style="width:640px;" class="div">
第一个div
</div>
</asp:Panel> <asp:Panel ID="sb" runat="server">
<div style="width:640px;" class="div">
第二个div
</div>
</asp:Panel> <asp:Panel ID="zl" runat="server">
<div style="width:640px;" class="div">
第3个div
</div>
</asp:Panel> <asp:Panel ID="zhis" runat="server">
<div style="width:640px;" class="div">
第4个div