预览加载中，请您耐心等待几秒...

用于团购网站的橙色导航菜单代码.docx

预览
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

用于团购网站的橙色导航菜单代码用于团购网站的橙色导航菜单代码这是一款橙色风格的CSS菜单，没有使用Javascript技术，完全CSS代码实现，当初主要是想用在团购网站上，大家修改一下，可以用在各种各样的网站上。菜单两头的那个布局或许是你要研究的重要吧。运行效果截图如下：具体代码如下代码如下:<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>橙色团购网站导航菜单</title><style>*{PADDING-BOTTOM:0px;MARGIN:0px;PADDING-LEFT:0px;PADDING-RIGHT:0px;PADDING-TOP:0px}BODY{BACKGROUND-COLOR:#ffffff;MARGIN:0pxauto;COLOR:#000000;FONT-SIZE:9pt}.nav_box{width:960px;height:44px;background:url(images/nav_bg.jpg);margin:0auto;position:relative;overflow:visible;margin-top:100px;}.nav_box_l{width:32px;height:57px;background:url(images/nav_left.png)no-repeat;position:absolute;left:-32px;top:0;}.nav_box_r{width:31px;height:57px;background:url(images/nav_right.png)no-repeat;position:absolute;right:-31px;top:0;}.nav_boxli{float:left;padding:030px;font-size:16px;font-weight:bold;line-height:40px;list-style:none;}.nav_boxli.li_r{float:right;padding:010px;font-size:16px;line-height:40px;color:#FFF;font-size:12px}.nav_boxlia{color:#FFF;text-decoration:none}.nav_boxlia.font_min{font-weight:400;}</style></head><bodystyle="text-align:center"><Pclass="nav_box"><Pclass="nav_box_l"></P><Pclass="nav_box_r"></P><Pclass=""><ul><li><alinkindex="16"href="#">今日团购</a></li><li><alinkindex="17"href="#">往期团购</a></li><li><alinkindex="18"href="#">玩转团购</a></li><li><alinkindex="19"href="#">常见问题</a></li><liclass="li_r"><ahref="#">登录</a>|<ahref="#">注册</a><