首先非常感谢网友夏の寒风的无私分享,至上次分享了一个给力的作品(JQuery新浪1630个表情插件)之后,此Jquery插件又是一款给力、实用的作品,是电子商务网站不可缺少的神兵利器之一。使用非常简单,网页代码结构非常清晰。
兼容IE6(没有折叠效果), IE7 IE8及以上 Firefox,Chrome等主流浏览器。
Design by 夏の寒风 QQ:490720430
插件参数配置如下:
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插件)
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
天猫左侧分类导航 导航菜单 二级菜单 滑动插件 网友夏の寒风 弹出层 树形菜单