这篇文章主要介绍了JS实现带圆弧背景渐变效果的导航菜单代码,涉及JavaScript基于鼠标事件操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了JS实现带圆弧背景渐变效果的导航菜单代码。分享给大家供大家参考。具体如下：
这是一款效果个性的JS+CSS导航菜单，鼠标经过时出现有趣弧形背景，实际上，这里用CSS调用了背景，用JavaScript控制了背景的移动，用jQuery实现过类似的功能，整体感觉很不错。
运行效果截图如下：
在线演示地址如下：
http://demo.html.cn/js/2015/js-css-cicle-cha-nav-menu-demo/
具体代码如下：
圆弧背景的导航菜单 *{margin:0px;padding:0px;font-size:12px;} .div_menu{ position:absolute;left:100px;top:100px;} .ul_menu{list-style:none;} .ul_menu li{float:left;margin-left:1px;border:1px solid #33CCCC;display:block;padding:5px 3px;background:url(images/menu_bg.gif) repeat-x 0px -80px;padding:2px 12px;} .ul_menu li a{height:40px;width:auto;color:#ffffff;font-size:20px;font-weight:600;text-decoration:none;}
希望本文所述对大家的JavaScript程序设计有所帮助。
以上就是JS实现带圆弧背景渐变效果的导航菜单代码的详细内容，更多请关注本站其它相关文章！
