在gridview项模板中,当div设置为none时,如何在mouseover上显示/隐藏div

Question

box div将在页面加载期间被隐藏,当我们悬停在它上面时它应该显示,onmouseover它应该显示,并且onmouseout它应该被隐藏.任何机构都可以建议我在jquery中做什么,我是Jquery的初学者:)

更新此Div放置在gridview的ItemTemplate中.会有用吗？你回答了哪些人提供的？

<div id="box" style="display: none">
   <a href="#" class="bt btleft">Highlight it</a>
   <a href="#" class="bt btright">Reset</a>
</div>

Answer 1

你最好在CSS中使用visible属性而不是display:none,因为display:none将删除容器本身的空间.

试试这个

http://jsfiddle.net/sfUHn/7/

您的HTML应该如下所示

<div id='container'>
 <div id="box" style="visibility: hidden">
 <a href="#" class="bt btleft">Highlight it</a>
 <a href="#" class="bt btright">Reset</a>
 </div>
</div>?

你的jquery会是这样的

 $("#container").hover(function () {
$("#container div").css("visibility","visible");
  },
  function () {
    $("#container div").css("visibility","hidden");
  });?

希望这可以帮助