蓝色的导航菜单，带小图标new，CSS+图片实现

发布时间：2018-08-18 11:33:55 所属栏目：政策来源：站长网

导读：一个超级漂亮的网站导航菜单，与猪八戒网的主导航十分相似，而且菜单的某一项还可以有new的小图标，非常流行的小标记，鼠标滑过菜单的某个选项内，具有响应鼠标的功能，整体风格惹人喜欢，赶紧用在自己的网站上吧，给网页增添不少色彩！演示： !DOCTYPE h

　　一个超级漂亮的网站导航菜单，与猪八戒网的主导航十分相似，而且菜单的某一项还可以有new的小图标，非常流行的小标记，鼠标滑过菜单的某个选项内，具有响应鼠标的功能，整体风格惹人喜欢，赶紧用在自己的网站上吧，给网页增添不少色彩！

　　演示：

<!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=gb2312" /> <title>仿2010猪八戒首页导航菜单 - Liehuo.Net</title> <style type="text/css">  </style> </head> <body style="text-align:center"> <div style="height:100px;"></div> <div style="clear:both"></div>  <div class="menu_navcc"> <div class="menu_nav clearfix"> <ul class="nav_content"> <li class="current"><a href="#" title="烈火学院首页"><span>首页</span></a></li> <li><a href="#" title="JS广告代码"><span>广告代码</span></a></li> <li><a href="#" title="CSS教程"><span>CSS教程</span></a></li> <li style="position:relative;"><a href="#" title="导航菜单"><span>导航菜单</span></a><em></em></li> <li><a href="#" title="溶图素材"><span>溶图素材</span></a></li> <li><a href="http://www.veryhuo.com" title="常用代码"><span>常用代码</span></a></li> </ul> <div class="menu_nav_right"> </div> </div> </div>  </body> </html><br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：开发网_开封站长网）

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