仿天猫侧导航切换

工具/原料

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效果的编写