强烈推荐：30余个CSS导航菜单效果

[ 来源：不详 | 作者：不详 | 时间：2006-7-8 下午 09:48:40 | 浏览：统计中... ]

2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul></div><br /><br /><h2>Tab Menu K</h2><div id="tabsK"> <ul> <li><a href="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" title="Link 7"><span>Link 7</span></a></li> </ul></div></body></html>
Ctrl+A直接选择代码

<!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=iso-8859-1" /><title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title><style type="text/css"> body {margin:0;padding:0;font: bold 11px/1.5em Verdana;}h2 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;color: #000;margin: 0px;padding: 0px 0px 0px 15px;}img {border: none;} /*- Menu Tabs 1--------------------------- */ #tabs1 { float:left; width:100%; background:#F4F7FB; font-size:93%; line-height:normal; border-bottom:1px solid #BCD2E6; } #tabs1 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs1 li { display:inline; margin:0; padding:0; } #tabs1 a { float:left; background:url("tableft1.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs1 a span { float:left; display:block; background:url("tabright1.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#627EB7; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs1 a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#627EB7; } #tabs1 a:hover { background-position:0% -42px; } #tabs1 a:hover span { background-position:100% -42px; } /*- Menu Tabs 2--------------------------- */ #tabs2 { float:left; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #84776B; } #tabs2 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs2 li { display:inline; margin:0; padding:0; } #tabs2 a { float:left; background:url("tableft2.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs2 a span { float:left; display:block; background:url("tabright2.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#84776B; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs2 a span {float:none;} /* End IE5-Mac hack */ #tabs2 a:hover span { color:#74675B; } #tabs2 a:hover { background-position:0% -42px; } #tabs2 a:hover span { background-position:100% -42px; }/*- Menu Tabs 3--------------------------- */ #tabs3 { float:left; width:100%; background:#E4E6EB; font-size:93%; line-height:normal; } #tabs3 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs3 li { display:inline; margin:0; padding:0; } #tabs3 a { float:left; background:url("tableft3.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs3 a span { float:left; display:block; background:url("tabright3.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs3 a span {float:none;} /* End IE5-Mac hack */ #tabs3 a:hover span { color:#FFF; } #tabs3 a:hover { background-position:0% -42px; } #tabs3 a:hover span { background-position:100% -42px; } /*- Menu Tabs 4--------------------------- */ #tabs4 { float:left; width:100%; font-size:93%; line-height:normal; border-bottom:1px solid #6B78A9; } #tabs4 ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs4 li { display:inline; margin:0; padding:0; } #tabs4 a { float:left; background:url("tableft4.gif") no-repeat left top; margin:0; padding:0 0 0 7px; text-decoration:none; } #tabs4 a span { float:left; display:block; background:url("tabright4.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#6B78A9; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #tabs4 a span {float:none;} /* End IE5-Mac hack */ #tabs4 a:hover span { color:#6B78A9; } #tabs4 a:hover { </p></div><p align="center"><b><a href="10744_3.html">上一页</a> <a href="10744.html">[1]</a> <a href="10744_2.html">[2]</a> <a href="10744_3.html">[3]</a> <font color="red">[4]</font> <a href="10744_5.html">[5]</a> <a href="10744_6.html">[6]</a> <a href="10744_7.html">[7]</a> <a href="10744_5.html">下一页</a></b></p> </div> </div> <div class="clear"></div>  <div class="artfunction"> <ul> <li><a href="#comment">网友评论</a></li> <li><a href="/user/favorite.asp?action=add&topic=强烈推荐：30余个CSS导航菜单效果">加入收藏</a></li> <li><a href="javascript:window.print()">打印本文</a></li>  </ul> </div> <div class="clear"></div>  <div class="artcontext"> <h4 class="previous"><strong>上一篇：</strong><a href="/article/166/218/10743.html">Flash+XML的运用前景</a></h4> <h4 class="next"><strong>下一篇：</strong><a href="/article/166/218/10745.html">AS3中的PNG编码—用FLASH生成PNG</a></h4> </div> <div class="clear"></div>  <div class="artcorrel"> <h3>>> 相关文章</h3> <ul> <li><a href="/article/168/sort0550/39779.html" title="开学购本选新品各品牌新品强烈推荐">开学购本选新品各品牌新品强烈推荐</a></li> <li><a href="/article/168/sort0554/34271.html" title="强烈推荐文件发送软件：ProfiMail">强烈推荐文件发送软件：ProfiMail</a></li> <li><a href="/article/168/sort0554/33206.html" title="强烈推荐给大家分享诺基亚保密码破解软件">强烈推荐给大家分享诺基亚保密码破解软件</a></li> <li><a href="/article/160/184/24975.html" title="强烈推荐ASP初学者观看：常用ASP技术">强烈推荐ASP初学者观看：常用ASP技术</a></li> <li><a href="/article/qq/QQ-liaotian/21575.html" title="强烈推荐免费挂QQ网站全收录">强烈推荐免费挂QQ网站全收录</a></li> <li><a href="/article/159/180/10744.html" title="强烈推荐：30余个CSS导航菜单效果">强烈推荐：30余个CSS导航菜单效果</a></li> <li><a href="/article/160/185/7197.html" title="强烈推荐：php.ini中文版(1)">强烈推荐：php.ini中文版(1)</a></li> <li><a href="/article/160/185/7195.html" title="强烈推荐：php.ini中文版(2)">强烈推荐：php.ini中文版(2)</a></li> <li><a href="/article/159/181/5884.html" title="Javascript模拟游戏中的弹出菜单效果">Javascript模拟游戏中的弹出菜单效果</a></li> <li><a href="/article/160/184/1911.html" title="模似windows XP 左侧的菜单效果(1)">模似windows XP 左侧的菜单效果(1)</a></li> <li><a href="/article/160/184/1910.html" title="模似windows XP 左侧的菜单效果(2)">模似windows XP 左侧的菜单效果(2)</a></li> <li><a href="/article/160/184/1909.html" title="模似windows XP 左侧的菜单效果(3)">模似windows XP 左侧的菜单效果(3)</a></li> </ul> <ul> <li><a href="/go.html?u=http://www.baidu.com/s?wd=强烈推荐：30余个CSS导航菜单效果"><strong>强烈推荐：30余个CSS导航菜单效果</strong>在百度baidu上的更多资料</a></li> <li><a href="/go.html?u=http://www.google.cn/search?hl=zh-CN&q=强烈推荐：30余个CSS导航菜单效果&meta=&aq=f"><strong>强烈推荐：30余个CSS导航菜单效果</strong>在谷歌google上的更多资料</a></li> <li><a href="/go.html?u=http://search.cn.yahoo.com/search?ei=gbk&v=&fr=fp-tab-web-ycn&pid=ysearch&source=yahoo_yhp_0706_search_button&p=强烈推荐：30余个CSS导航菜单效果&meta=&aq=f"><strong>强烈推荐：30余个CSS导航菜单效果</strong>在雅虎yahoo上的更多资料</a></li> <li><a href="/go.html?u=http://www.soso.com/q?pid=s.idx&w=强烈推荐：30余个CSS导航菜单效果&meta=&aq=f"><strong>强烈推荐：30余个CSS导航菜单效果</strong>在搜搜soso上的更多资料</a></li> <li><a href="/go.html?u=http://cnweb.search.live.com/results.aspx?q=强烈推荐：30余个CSS导航菜单效果&meta=&aq=f"><strong>强烈推荐：30余个CSS导航菜单效果</strong>在MSN搜索上的更多资料</a></li> </ul> </div> </div> <div class="clear" style="margin-bottom:6px;"></div>  <a name="comment" id="comment"></a> <table width="100%" border="0" cellspacing="0" cellpadding="0" style=" font-family:Arial; font-size:12px; color:#333333"> <tr> <td width="12"><img src="/skin/zychina2008/images/com_a1.gif"></td> <td background="/skin/zychina2008/images/com_a2.gif"><div style="float:left; width: 100%; "><span style="float:left;"><img src="/skin/zychina2008/images/com_titpic.gif" alt="共有0人参与评价，平均得分：0分" /></span><span style="width:480px; float:right; background-color:#FFFFFF; "> <h5 style="float:left; padding-left: 6px;font-size: 14px;line-height: 20px;padding-top: 8px;">评论内容只代表网友观点，与本站立场无关！ <a style="text-decoration: none;font-weight: bold;color: #FF6600;" href="/article/comment.asp?Articleid=10744" target="_blank" >查看完整内容</a></h5> <input type="image" name="imageField" id="imageField" src="/skin/zychina2008/images/com_btn1.gif" onClick="addform.style.display=((addform.style.display=='block')?('none'):('block'));" alt="点击发表评论"/> </span> </div></td> <td width="12"><img src="/skin/zychina2008/images/com_a3.gif"></td> </tr> <tr> <td rowspan="2" background="/skin/zychina2008/images/com_b1.gif"> </td> <td><div id="addform" style="display:none;"> <div id="postcomment" style=" font-family:Arial; font-size:12px; color:#333333; width: 100%; margin-top: 8px; margin-bottom: 8px; "> <form action="/article/comment.asp" method="post" name="FormComment" id="FormComment"> <input type="Hidden" name="ArticleID" value="10744" /> <input type="Hidden" name="action" value="save" /> <div style="background-color: #FFFFCC;border: 1px solid #FFCC66;height: 32px;margin-bottom: 6px; width: 99%;"><span style="padding-right: 6px; padding-left: 6px; height: 32px; line-height: 32px; float: left; font-size: 14px; font-weight: bolder; color: #663300;">我来评两句</span><span style="float: right; width:auto;"> <label for="UserName" style="line-height: 32px;float: left; margin-left: 4px; margin-right: 10px;">用户名称</label> <input name="UserName" title="请填写笔名，只能包含汉字、字母、数字和下划线~!" class="on" size="8" maxlength="24" onfocus="this.className='over';if (value =='网友'){value =''}" onblur="this.className='on'" value="网友" style=" border: 1px solid #FFB111; line-height: 18px; height: 18px; float: left; margin-top: 6px; padding-left: 4px;" id="UserName"/> <label for="UserName" style="line-height: 32px;float: left; margin-left: 4px; margin-right: 10px;">评分</label> <select name="Grade" style=" border: 1px solid #FFB111; line-height: 18px; height: 18px; float: left; margin-top: 6px; padding-left: 4px;" id="searchform_select"> <option value="100">100</option> <option value="85" selected>85</option> <option value="70">70</option> <option value="55">55</option> <option value="40">40</option> <option value="25">25</option> <option value="10">10</option> <option value="0">0</option> </select> <label for="codestr" style="line-height: 32px; float: left; margin-left: 4px; margin-right: 10px;">验证码</label> <input input="input" name="codestr" type="text" title="请填写右边的验证码" size="5" maxlength="8" style=" border: 1px solid #FFB111; line-height: 18px; height: 18px; float: left; margin-top: 6px; padding-left: 4px;" id="codestr"/> <span style="float: left;margin-top: 6px; margin-left: 4px;" ><img src="/inc/getcode.asp" alt="验证码,看不清楚?请点击刷新验证码" height="10" style="cursor : pointer;" onClick="this.src='/inc/getcode.asp?t='+(new Date().getTime());" /></span> </span></div> <p> <textarea name="content" rows="6"onchange="document.getElementById('spanCommentContentLength').innerHTML=value.length;"onkeyup="if(event.ctrlKey && (10 == event.keyCode || 13 == event.keyCode) && form.onsubmit()) form.submit(); else onchange();" onpropertychange="onchange()" style="border: 1px solid #FFCC66; float: left; line-height: 22px; width: 98%; background-image: url(/skin/zychina2008/images/inputbg.gif);background-repeat: no-repeat;background-position: 260px 20px;padding: 5px; background-attachment: scroll;" >

最多500字。当前字数：0