基于jQuery的簡單的列表導航菜單_jquery
來源:懂視網
責編:小采
時間:2020-11-27 20:58:16
基于jQuery的簡單的列表導航菜單_jquery
基于jQuery的簡單的列表導航菜單_jquery:下面是我做的一個簡單的導航菜單,因為是新手,難免有什么不對的地方,希望大家拍磚! 好了 開始進入正題吧: 1.首先定義CSS樣式表: 代碼如下: body{font-size:13px} ul,li{list-style-type:none;padding:0px;margin:0px} .menu
導讀基于jQuery的簡單的列表導航菜單_jquery:下面是我做的一個簡單的導航菜單,因為是新手,難免有什么不對的地方,希望大家拍磚! 好了 開始進入正題吧: 1.首先定義CSS樣式表: 代碼如下: body{font-size:13px} ul,li{list-style-type:none;padding:0px;margin:0px} .menu
下面是我做的一個簡單的導航菜單,因為是新手,難免有什么不對的地方,希望大家拍磚!
好了 開始進入正題吧:
1.首先定義CSS樣式表:
代碼如下:
2.引用JQUERY的框架,大家可以去官網上下載最新的JQUERY,好像JQUERY1.5的版本都發布了,鏈接地址:http://jquery.com/
3.定義HTML標簽:
代碼如下:
筆記本 筆記本1 筆記本2 筆記本3 筆記本4 筆記本5 移動硬盤 移動硬盤1 移動硬盤2 移動硬盤3 移動硬盤4 移動硬盤5 電腦軟件 電腦軟件1 電腦軟件2 電腦軟件3 電腦軟件4 電腦軟件5 數碼產品 數碼產品1 數碼產品2 數碼產品3 數碼產品4 數碼產品5
4.接下來是定義最重要的JQUERY代碼了:
代碼如下:
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
基于jQuery的簡單的列表導航菜單_jquery
基于jQuery的簡單的列表導航菜單_jquery:下面是我做的一個簡單的導航菜單,因為是新手,難免有什么不對的地方,希望大家拍磚! 好了 開始進入正題吧: 1.首先定義CSS樣式表: 代碼如下: body{font-size:13px} ul,li{list-style-type:none;padding:0px;margin:0px} .menu