仿天貓側導航切換

工具/原料

dw網頁製作軟件，相關jquery包

步驟/方法

1製作靜態html頁面

所有商品分類

電器城商品分類

美容院商品分類

(此些代碼都放在body裏面就行，靜態效果如圖所示)

2編寫css編碼：因爲這些代碼要和html一些寫，爲了方便看在這裏分開描述

/*清除各瀏覽器內外邊距*/

body,ul,li,p,h2,h3{margin:0;padding:0;}

body{font:12px / 1.5 tahoma,arial,"宋體"}

/*去掉項目符號*/

ul{list-style:none;}

h2{font-size:14px;}

h3{font-size:12px;}

a{color:#fff;text-decoration:none;}

bar{margin:40px auto 0;width:400px;}

(這一部分爲公共樣式，因個人編寫習慣編寫)

3下面進行jquery效果的編寫