仿猪八戒超级漂亮蓝色网站导航菜单，纯CSS实现

2024-09-05 12:20:50

字体：大中小

来源：转载

供稿：网友

纯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><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>仿2010猪八戒首页导航菜单</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"><span>首页</span></li><li><span>广告代码</span></li><li><span>CSS教程</span></li><li style="position:relative;"><span>导航菜单</span><em></em></li><li><span>溶图素材</span></li><li><span>常用代码</span></li></ul><div class="menu_nav_right"></div></div></div></body></html>

上一篇：不规则TAB选项卡效果

下一篇：slideDown和slideUp做手风琴