仿天貓側導航切換
- 購物
- 關注:1.29W次
工具/原料
步驟/方法
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效果的編寫
- 文章版權屬於文章作者所有,轉載請註明 https://xuewengu.com/flxy/gouwu/yy1ep4.html