虽然样式上仿的天猫,但主要是让大家了解下拉的样式结构。
页面内都有注释,如果对参数不了解,多alert一下,这个的js基本没什么特别的算法,主要是 在写这样下拉样式的,html 的结构,我觉得很不错,当然,天猫那个侧栏会复杂点,但原理是一样的,样式上可改性还算蛮高的。
参数直接调用说明:
代码如下 | 复制代码 |
$(window).p10({ b:$('二级栏目区域'), c:$('二级栏目内的按钮'), d:$('三级栏目区域') |
使用这个插件 ,还是下载下来吧,因为需要 样式的支持,当然,样式很容易理解和改动的。
完整实例
代码如下 | 复制代码 |
服装/内衣/配件 鞋/箱包 服装/内衣/配件 鞋/箱包 服装/内衣/配件 鞋/箱包 服装/内衣/配件 鞋/箱包 服装/内衣/配件 鞋/箱包 品牌女装 新到商品 连衣裙 T恤 连衣裙 T恤 连衣裙 T恤 连衣裙 T恤 品牌女装 新到商品 连衣裙 T恤 连衣裙 T恤 连衣裙 T恤 连衣裙 T恤 品牌女装 新到商品 连衣裙 T恤 连衣裙 T恤 连衣裙 T恤 连衣裙 T恤
|