js实现带圆角的多级下拉菜单效果_javascript技巧

来源：倪彼情感

本文实例讲述了js实现带圆角的多级下拉菜单效果。分享给大家供大家参考。具体如下：

这是一款酷黑的圆角多级下滑菜单，可支持三级，鼠标放上后可见到滑出的菜单，调用了一个JS封装库，代码有些复杂，有兴趣的可研究。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-down-show-menu-style-codes/

具体代码如下：



 
 下拉菜单
 


 ulm_round_corner_size_main = 2;
 ulm_round_corner_size_sub = 2;

;function im_round_corners(tb,ms,isget,inner){var size=window["ulm_round_corner_size_"+ms];var pos=0;var wv="";if(!inner)wv+='';if(tb=="top"){wv+=im_rcs(size,1," imtopspace");for(var i=size-1;i>=0;i--)wv+=im_rcs(i);}else {for(var i=0;i




 


im_round_corners("top","main");
Who We Are
im_round_corners("top","sub");
 
Overview
 Mission & Goals
 History
 Management
 Working at Tyco
 Press Center
 Board of Directors
 im_round_corners("top","sub");
 
Overview
 Electronics
 Fire & Security
 Healthcare
 Plastics & Adhesives
 Engineered Producs
 Tyco Worldwide
 im_round_corners("bottom","sub");
 Worldwide
 im_round_corners("top","sub");
 
Europe
 Asia
 US & Canada
 Mexico
 Australia
 Middle East
 im_round_corners("bottom","sub");
 Customers
 im_round_corners("bottom","sub");
Our Commitment
im_round_corners("top","sub");
 
Overview
 People & Values
 Governance
 Community
 Environmental
 im_round_corners("bottom","sub");
Our Business
im_round_corners("top","sub");
 
Overview
 Electronics
 Fire & Security
 Healthcare
 Plastics
 Engineered Producs
 Tyco Worldwide
 

im_round_corners("bottom","sub");


Investors
im_round_corners("top","sub");
 
Overview
 Stock Quotes
 
im_round_corners("bottom","sub");


 im_round_corners("bottom","main");

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

显示全文

全部频道

js实现带圆角的多级下拉菜单效果_javascript技巧