您的当前位置：首页 js实现向右横向滑出的二级菜单效果_javascript技巧

js实现向右横向滑出的二级菜单效果_javascript技巧

来源：化拓教育网

本文实例讲述了js实现向右横向滑出的二级菜单效果。分享给大家供大家参考。具体如下：

这是一个网页上的横向滑出二级菜单，菜单是竖向排列的，但二级子菜单项是向右横向滑出的，引入了一个JS封装库文件，这个菜单兼容性方面也做的挺好，只是觉得，菜单中有些代码不便于修改，有兴趣的自己看看吧。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-web-right-show-out-2l-menu-codes/

具体代码如下：




横向滑出的二级菜单







我是谁
 
 
成龙
 Mission & Goals
 周华健
 Management
 学友
 Press Center
 世界好大
 
 
美国
 晋州
 US & Canada
 Mexico
 海州
 Middle East
 
 海归之乡
 
 
Overview
 Electronics
 故乡有云
 Healthcare
 回来吧
 Engineered Producs
 Tyco Worldwide
 
 自定义
 
Our Commitment
 
 
预览项目
 People & Values
 部门
 Community
 Environmental
 
Our Business
 
 
Overview
 Electronics
 Fire & Security
 Healthcare
 Plastics & Adhesives
 Engineered Producs
 Tyco Worldwide
 
Investors
 
 
Overview
 Stock Quotes

希望本文所述对大家的javascript程序设计有所帮助。