本文实例讲述了jquery实现顶部向右伸缩的导航区域代码。分享给大家供大家参考。具体如下：
这是一款类似导航的菜单，但扩展性比较强，不但可以用作菜单，更可以用作导航块效果，导航块内可以含有菜单或者是其它的一些功能，本效果基于jQuery实现，用鼠标点击浮动层左端的箭头，即可合拢与伸开此菜单。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/jquery-right-hidden-show-nav-style-codes/
具体代码如下：
鼠标单击控制收缩和展开的窗口 *{margin:0;padding:0;} #box{position:absolute;right:0;top:0;overflow:hidden;} #arrow{color:#fff;background:#000;width:20px;height:90px;line-height:90px;font-size:12px;font-family:"宋体";text-align:center;font-weight:bold;float:left;} #col_box{width:400px;height:90px;background:#eee;float:left;} > z
z
s
k
y
希望本文所述对大家的jquery程序设计有所帮助。
