赤色雅观的滑动门式导航菜单代码

发布时间：2018-09-09 13:56:27 所属栏目：运营来源：站长网

导读：猛火网(LieHuo.Net)教程自已写的横排的导航菜单，赤色水晶气魄沤背同各人可以用啦，不外也有些处所必要好手指教啊，代码里有注释，兼容性还不错，但愿一路进步吧。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1

　　猛火网(LieHuo.Net)教程自已写的横排的导航菜单，赤色水晶气魄沤背同各人可以用啦，不外也有些处所必要好手指教啊，代码里有注释，兼容性还不错，但愿一路进步吧。

<!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> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>赤色雅观的滑动门式导航菜单代码 - LIEHUO.NET</title> <style type="text/css"> *{margin:0;padding:0;} body{ margin:auto;font:14px "宋体",Verdana, Arial, Helvetica, sans-serif;color:#333;} ul,li{padding:0; list-style:none;} a:link,a:visited{color:#333;text-decoration:none;} a:hover{color:#d00;text-decoration:none;} #headNav{background:url(http://www.veryhuo.com/uploads/userup/0910/liehuo_navBg.png) 0 -42px repeat-x; border-top:solid 1px #E5B0B1; height:42px;} #headNav ul li{float:left; padding:13px 0; text-align:center; cursor:pointer; } #headNav ul li a{display:block; font-size:14px; padding:0 9px; font-weight:bold; color:#fff;} #headNav ul li a.lineLink{border-left:dotted 1px #fff;} .navNormalLink{background:url(http://www.veryhuo.com/uploads/userup/0910/liehuo_navBg.png) 0 -42px no-repeat; padding-bottom:4px;} .navNormalOver{background:url(http://www.veryhuo.com/uploads/userup/0910/liehuo_navBg.png) no-repeat; padding-bottom:4px;} </style> </head> <body> <div id="headNav"> <ul> <li><a href="http://www.veryhuo.com/" _fcksavedurl="http://www.veryhuo.com/" title="">站长首页</a></li> <li><a href="http://www.veryhuo.com/news/" _fcksavedurl="http://www.veryhuo.com/news/" title="">行业资讯</a></li> <li><a href="http://www.veryhuo.com/website/" _fcksavedurl="http://www.veryhuo.com/website/" title="">网站运营</a></li> <li><a href="http://www.veryhuo.com/design/" _fcksavedurl="http://www.veryhuo.com/design/" title="">网站计划</a></li> <li><a href="http://www.veryhuo.com/prog/" _fcksavedurl="http://www.veryhuo.com/prog/" title="">收集编程</a></li> <li><a href="http://www.veryhuo.com/res/" _fcksavedurl="http://www.veryhuo.com/res/" title="">网站资源</a></li> <li><a href="http://www.veryhuo.com/server/" _fcksavedurl="http://www.veryhuo.com/server/" title="">操纵体系</a></li> <li><a href="http://www.veryhuo.com/code/" _fcksavedurl="http://www.veryhuo.com/code/" title="">建站措施</a></li> <li><a href="http://www.veryhuo.com/idc/" _fcksavedurl="http://www.veryhuo.com/idc/" title="">玩转IDC</a></li> </ul> </div> </body> </html>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

OPPO概念机泄露，5000	华为找到了让手机支持
Redmi K50 Pro屏幕升级	天玑8100电竞旗舰仅要