仿天貓側導航切換

工具/原料

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效果的編寫