2012-03-08 32 views
1

嗨,我不熟悉jquery。但我想在我想學習和製作的網站上有一個碼頭樣式菜單。 碼頭樣式菜單示例在 http://www.wizzud.com/jqDock/examples/example.php?f=lh_edge 它爲您提供複製html,css,javasript代碼的選項。 在不同的頁面上,實際上這個例子的源頁面有一個下載腳本的選項。JSQuery - 如何使用jQuery初學者

我需要有這三個塢風格的菜單 1.頂部水平菜單(不完全在頂部,但說的頁面高度的1/5。 2.這種垂直菜單(如例子中)。 3.在頁面底部 當然,我將有我自己的圖像來取代這些圖標圖像

所以,有人會友好地指導我正確的方向(因爲我是一個完全的所有這一切所以我寧願可能最簡單的方法)

+1

從[jQuery如何工作]開始(http://docs.jquery.com/How_jQuery_Works )和[教程的其餘部分...](http://docs.jquery.com/Tutorials) – 2012-03-08 23:16:32

回答

0

把它很簡單,你需要包含要顯示的圖像列表的div元素菜單。在文件裝載時,你會

$(function() { 
    var opts = { 
     align: 'top', 
     // all the required options 
    }; 
    $("#div-id").jqDock(opts); 
}); 

呼籲所有的3個格(使用你給DIV的ID)的jqDock方法與所需的選項。

調用jqDock()函數時的div來設置,如果它應是水平或垂直您可以設置選項對象。你可以在這裏找到各種其他選項的詳細信息 - http://www.wizzud.com/jqDock/index.php?dt=0&pg=options

align:string,default ='bottom',values ='top','middle','bottom',left',center','right' 修復水平/垂直主軸和擴展方向。

對於水平菜單: 「頂部」:固定底座的頂部邊緣,從而使圖像向下展開 「中間」:固定所述圖像的中間,從而使圖像擴大上下同樣 「底':固定底座的底部邊緣,從而使圖像擴大了 對於垂直菜單: ‘左’:固定底座的左邊緣,從而使圖像擴大右 ‘中心’:固定所述圖像的中心,以便圖像同樣向左和向右擴展 'right':修復擴展塢的右邊緣,以便圖像向左擴展

+0

謝謝你這麼多的快速反應..... – 2012-03-09 00:12:45

+0

請註明它作爲一個答案,如果它工作了您。 – 2012-03-09 02:36:17