仿淘宝天猫左侧分类导航Jquery插件

此Jquery插件是一款给力、实用的作品,是电子商务网站不可缺少的神兵利器之一。使用非常简单,网页代码结构非常清晰。

兼容IE6(没有折叠效果), IE7 IE8及以上 Firefox,Chrome等主流浏览器。

 

插件参数配置如下:

target: $('#Z_RightSide')//绑定倚靠右边容器的ID
fTop: 60, // 距离顶部距离
cTop: 100, // 滚动条滚动多少像素后开始折叠的高度
unitHeight: 80, // 每滚动多少距离折叠一个
autoExpan: true//是否自动折叠

 

包含以下效果:
1、Fiexd定位(层滑动效果)
2、动画效果(层折叠和展开)
3、布局切换(大小类别展示)
4、弹出层(右边层)
5、滚动条事件(自动控制导航展开和折叠)
6、窗体大小发生改变事件(重新定位)
7、右边弹出层智能定位
8、处理IE6下PNG图片透明背景(DD_belatedPNG插件)

 

效果如下:

网友夏の寒风分享仿淘宝天猫左侧分类导航Jquery插件

 

在线演示和下载

标签