编程之家 jb51.cc 又一个漂亮的CSS仿支付宝菜单，总体风格和形式与支付宝的菜单没什么两样，细心会发现这是一个CSS爱好者自己手功完成 的，自己美化图片，重写CSS代码，为作者给我们奉献这么好的菜单而表示感谢。
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd><html xmlns=http://www.w3.org/1999/xhtml><head><<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv=Content-Type content=text/html; charset=GBK /><title>CSS仿支付宝<a href="https://www.jb51.cc/tag/caidan/" target="_blank" class="keywords">菜单</a></title><style type=text/css>* { padding:0px; margin:0px; list-style:none; }body { font-size:14px; font-family:Verdana,Geneva,sans-serif; }#nav ul.nav_left,#nav ul.nav_right,#nav ul.nav_main li,#nav ul.nav_main li.over a,#nav ul.nav_main li a span,#nav ul.nav_main li.over a span { background:url(/uploads/userup/0910/liehuonet091013b.gif) no-repeat; }#nav { background:url(/uploads/userup/0910/liehuonet091013b.gif) repeat-x; }#wrap { width:960px; margin:0 auto; height:auto; overflow:hidden; padding-top:50px; }#nav { background-position: 0 -178px; height:79px; width:960px; }#nav ul.nav_left { background-position: 0 0; float:left; width:10px; height:79px; <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play:inline; }#nav ul.nav_right { background-position:-20px 0; float:right; width:10px; height:79px; <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play:inline; }#nav ul.nav_main { float:left; <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play:inline; }#nav ul.nav_main li { background-position: -41px 0; float:left; padding:0 5px; }#nav ul.nav_main li a { height:40px; <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play:block; text-<a href="https://www.jb51.cc/tag/decoration/" target="_blank" class="keywords">decoration</a>:none; float:left; }#nav ul.nav_main li.over a { background-position: 0 -85px; }#nav ul.nav_main li a span { background-position: right -90px; height:22px; <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play:block; padding-right:30px; padding-left:20px; padding-top:18px; color:#fff; font-weight:bold; overflow:hidden; cursor:pointer; float:left; margin-left:15px; <a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>play:inline; }#nav ul.nav_main li.over a span { background-position: right -130px; color:#555; }#nav ul.nav_main li#show_0 { background:none; }</style><script type="text/javascript">function $(id) { return document.getElementById(id);}window.onload = function() { var Root = $("nav_li").getElementsByTagName("li"); for (var i = 0; i < Root.length; i++) { c = Root[i]; c.setAttribute("id","show_" + i); var xp = function(i) { show(i); }; c.onmou<a href="https://www.jb51.cc/tag/SEO/" title="SEO">SEO</a>ver = dete_bibao(xp,i,c); }}function show(j) { for (var n = 0; n <= 6; n++) { if ($("show_" + n).className != "s") { $("show_" + n).className = "s"; } if (n == j) { $("show_" + n).className = "over"; } }}function dete_bibao(fn,p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>ms,obj) { return function() { fn.call(obj || window,p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>ms); }} </script></head><body><div id=wrap><div id=nav><ul class=nav_left></ul><ul class=nav_main id=nav_li><li><a href=http://www.wfuyu.com/ _fcksavedurl=http://www.wfuyu.com/><span>网站<a href="https://www.jb51.cc/tag/shouye/" target="_blank" class="keywords">首页</a></span></a></li><li><a href=http://www.wfuyu.com/news/ _fcksavedurl=http://www.wfuyu.com/news/><span>站长新闻</span></a></li><li><a href=# _fcksavedurl=#><span>资源下载</span></a></li><li><a href=# _fcksavedurl=#><span>网页特效</span></a></li><li><a href=# _fcksavedurl=#><span>网络编程</span></a></li><li><a href=# _fcksavedurl=#><span>休闲电影</span></a></li><li><a href=http://bbs.liehuo.net/ _fcksavedurl=#><span>论坛</span></a></li></ul><ul class=nav_right></ul></div></div></body></html><br /><center>网更多教程，请访问：<a href=http://www.wfuyu.com/ target=_blank _fcksavedurl=http://www.wfuyu.com/ target=_blank>http://www.wfuyu.com/</a></center>提示：可修改后代码再运行!
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
