懸停按鈕

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 
      }); 
     }