化拓教育网
您的当前位置:首页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程序设计有所帮助。

    显示全文