jQuery网站侧边隐藏展开导航插件 -爱编程实例，分享jQuery、html5、css3等插件

Open demos
- FancyNav default options
- Built-in animation effects
  - slide-along
  - slide-reverse
  - reveal
  - push
  - rotate-in
  - rotate-out
  - rotate-delayed
  - scale-up
  - fall-down
- Custom flip
  animation
- Header text/image
  - Navigation Header
  - Header with Logo
- Custom back text
- Built-in Skins
  - fancynav-green
  - fancynav-blue
- Customization with icons

Demos:

点击查看效果

Built-in Animation Effects:

效果一效果二效果三效果四效果五效果六效果七效果八效果九

Example for Custom Animations:

效果十

Header Text/Image & Back Text:

效果十一效果十二
效果十三

Built-in Skins:

效果十四效果十五

Advanced CSS Customization Example with Font Awesome Icons:

效果十六

All examples on this page are using the same unstyled list:

适用浏览器：360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari、IE8及以下浏览器。

来源：html5实例,css3实例,jquery实例