2014-07-18 51 views
0

Bootswatch中是否存在一個類規範,在懸停時顯示下拉菜單項而不是讓用戶單擊菜單?提前致謝。Bootswatch中的下拉菜單

+0

你說的是一個導航菜單或窗體的下拉菜單?如果導航檢查了這一點http://stackoverflow.com/questions/18863171/css-drop-down-menu-hover-effect – Dan

+0

導航菜單。謝謝 – physics90

+0

有人剛剛發佈了一個加載項的鏈接,但我沒有再看到他們的帖子?毛刺?看起來它會完成這項工作,但我會看看Dan的鏈接工作。 – physics90

回答

2

使用下面提到的代碼使用jQuery的懸停功能。

請參閱本JS Fiddle

<script type='text/javascript'> 
    $(document).ready(function() { 
     $(".dropdown").hover(function() { 
      $(this).addClass("open"); 
     }, function() { 
      $(this).removeClass("open"); 
     }); 
    }); 
</script> 

問候D.

+0

這是使用Bootswatch主題製作的!!我很抱歉,但沒有特定的課程可供您使用......您只需切換「.open」課程即可實現懸停效果。 – DevangKantharia

+0

謝謝,Devang。我猜(不是很熟悉jquery),我可以將這個代碼片段添加到我的html頁面?如果使用差異,我使用Visual Studio 2013和WebForms。 – physics90

+0

這不是問題。你只需要確定jQuery是否已經添加到你的項目中,如果沒有,那麼你需要添加這個腳本''在頁面的頭部分,並將代碼寫入'$(document).ready(function(){\\ code here});' – DevangKantharia