悬停按钮

Question

我有一个简单的按钮，我想使用CSS使它停留在一段时间，并带有链接的更多按钮的下拉列表，当按钮被按下时，我希望按钮停留在onhover州。这如何实现？例如一个游戏按钮，当它悬停在它上面时，会下降到与游戏有不同链接的按钮。对不起，如果这不清楚。先谢谢了。

Answer 1

不幸的是不是一个简单的CSS的事情，但检查出降，我对这样的事情轻量级脚本。这不是jQuery - 它是香草JavaScript。

http://cferdinandi.github.io/drop/

Answer 2

我认为这可能需要比预期更多的努力。为了使事情变得更容易，我推荐使用Twitter-Bootstrap，这是一组包含可用组件的CSS/JS文件。 Dropdown组件可能是您要找的。它内置了你想要的功能的一部分，另一部分可以用jQuery完成。

下面是HTML：

<div id="hoverbutton" class="btn-group"> 
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> 
     Dropdown 
     <span class="caret"></span> 
    </button> 
    <ul class="dropdown-menu"> 
     <li><a href="#">Dropdown link</a></li> 
     <li><a href="#">Dropdown link</a></li> 
    </ul> 
    </div> 

这里是jQuery的需要做出悬停效果：

$('#hoverbutton').mouseover(function() { 
$('#hoverbutton').addClass("open"); 
}); 

Answer 3

直视鼠标悬停和鼠标离开内的jQuery。 你可以想出一个简单的函数来检测鼠标是否在元素上。

，因为我有一些源代码开放已经在这里是一些..

function over(ELEMENT){ 
      ELEMENT.mouseover(function(){ 
       //mouse over 
      }); 
      ELEMENT.mouseleave(function(){ 
       //mouse not over 
      }); 
     }