Similar to the Jquery plug-in for category navigation on the left of Taobao and Tmall

This Jquery plug-in is a powerful and practical work and is one of the indispensable powerful tools for e-commerce websites. It is easy to use and the webpage code structure is very clear.

Compatible with mainstream browsers such as IE6 (no folding effect), IE7 IE8 and later Firefox and Chrome.

 

The plug-in parameter configuration is as follows:

Target: $ ('# Z_RightSide') // bind IDfTop: 60 to the container on the right, // distance from the top to cTop: 100, // how many pixels the scroll bar starts to collapse after the height unitHeight: 80, // how long each scroll distance folds an autoExpan: true // whether to fold automatically

 

Includes the following results:
1. Fiexd positioning (layer sliding effect)
2. animation effect (layer folding and expansion)
3. layout switching (size and category display)
4. Pop-up layer (right layer)
5. scroll bar events (automatically control navigation expansion and collapse)
6. Events that change the form size (reposition)
7. Smart positioning at the pop-up layer on the right
8. process the transparent background of PNG images under IE6 (DD_belatedPNG plug-in)

 

The effect is as follows:

 

Online Demo and download