怎么制作html5的圆角导航菜单

html-css021

怎么制作html5的圆角导航菜单,第1张

圆角在html5以前是不能用代码实现的，及时你用滤镜实现但是IE6不是很好支持滤镜，用代码实现很就是，复杂、麻烦、闲得慌，用图片实现是最好的，你用ps画一个你想要的圆角框作为div的背景，就O啦，备注，html5

ie8以下的版本不支持

HTML5+CSS3实现全屏导航栏菜单，悬停在右上角的小图标，点击以圆形扩散的方式绽开全屏导航栏，这种方式的导航栏很吸睛，运用也越来越广，赶紧学起来呀！

效果：

源码：

方法1： 用Css实现 css菜单显示效果 /** *菜单的构造,需要绑定到onload */ startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav")for (i=0i