倪彼情感
您的当前位置:首页js实现带圆角的多级下拉菜单效果_javascript技巧

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程序设计有所帮助。

    显示全文