-1
A
回答
1
的基本原理是很容易的,但你可以從這裏開始,並使其更美觀,更好的UI體驗:
<div class="button">
<span class="dropdown-button-text">Dropdown</span>
<div class="popup">
Popup content
</div>
</div>
<style type="text/css">
.button { position: relative; display: inline-block; min-width: 100px; }
.popup { position: absolute; top: 100%; left: 0; display: none; min-width: 300px; min-height: 50px; border: 1px solid #9F9F9F; }
</style>
<script>
$("body").delegate(".dropdown-button-text", "click", function() {
var popup = $(this).parent().children(".popup");
if (popup.is(":visible")) {
popup.hide();
} else {
popup.show();
}
});
</script>
相關問題
- 1. 谷歌搜索結果樣式彈出
- 2. Jsoup谷歌搜索結果
- 3. 在谷歌搜索結果
- 4. 谷歌搜索結果
- 5. 谷歌像搜索結果
- 6. 谷歌搜索API - 結果
- 7. 死谷歌搜索提交按鈕
- 8. Android谷歌電視搜索按鈕
- 9. 搜索框與按鈕像谷歌
- 10. 如何測試谷歌搜索按鈕
- 11. 搜索和顯示谷歌搜索結果與搜索欄:textDidChange:
- 12. 獲取谷歌和yandex搜索結果
- 13. 刮谷歌的搜索結果片斷
- 14. PHP - 迭代谷歌搜索結果
- 15. 谷歌cse渲染搜索結果
- 16. 與谷歌搜索結果集成
- 17. 谷歌搜索Ajax API更多結果
- 18. 谷歌搜索結果在SiteCore
- 19. 谷歌地圖Api搜索json結果
- 20. 谷歌搜索API不返回結果
- 21. 獲取谷歌搜索結果
- 22. 獲取谷歌搜索結果數
- 23. 谷歌在iframe替代搜索結果
- 24. 谷歌搜索結果 - URL映射
- 25. 谷歌搜索結果部件
- 26. 谷歌搜索API - 「無結果」文本
- 27. AutocompleteTextView充滿了谷歌搜索結果
- 28. 谷歌搜索結果狀態
- 29. 獲得谷歌的搜索結果,PHP
- 30. 谷歌安卓市場搜索結果
你嘗試過這麼遠嗎?你有什麼CSS或甚至一些HTML標記,你可以告訴我們合作? – 2013-04-27 08:25:19