123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
- <title>多级CSS3下拉菜单导航 - 站长素材</title>
- <link href="css/zzsc.css" rel="stylesheet">
- <link href="css/maps.css" rel="stylesheet">
- <script type="text/javascript" src="js/maps.js"></script>
- <script type="text/javascript" src="js/google.js"></script>
- <script type="text/javascript">$(document).ready(function(){$().maps();});</script>
- </head>
- <body>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- <div class="content">
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- <ul class="venus-menu">
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- <li class="active"><a href="#"><i class="icon-home"></i>Home</a></li><p style="display:none">
- Lorem ipsum dolor dit amet</p>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#"><i class="icon-magic"></i>About</a></li><p style="display:none">
- Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#"><i class="icon-thumbs-up"></i>Services</a><ul>
- <li><a href="#">Web Design</a></li><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- </li>
- <li><a href="#">Hosting</a></li><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- </li>
- <li><a href="#">Design</a><ul>
- <li><a href="#">Graphics</a></li><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- </li>
- <li><a href="#">Vectors</a></li><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- </li>
- <li><a href="#">Photoshop</a><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- <ul>
- <li><a href="#">Photo editing</a></li><p style="display:none">
- Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#">Business cards</a></li><p style="display:none">
- Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#">Websites</a></li><p style="display:none">Lorem
- ipsum dolor dit amet</p>
- </li>
- <li><a href="#">Flyers</a></li><p style="display:none">Lorem
- ipsum dolor dit amet</p>
- </li>
- </ul>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#">Fonts</a></li><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- </li>
- </ul>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#">Consulting</a></li><p style="display:none">Lorem ipsum
- dolor dit amet</p>
- </li>
- </ul>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#"><i class="icon-quote-right"></i>Blog</a></li><p style="display:none">
- Lorem ipsum dolor dit amet</p>
- </li>
- <li><a href="#"><i class="icon-envelope-alt"></i>Contact</a></li><p style="display:none">
- Lorem ipsum dolor dit amet</p>
- </li>
- <li class="search">
- <form method="get">
- <input type="text" name="search" class="search" placeholder="Search" /></form>
- </li>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </li>
- </ul>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- <p style="display:none">Lorem ipsum dolor dit amet</p>
- </div>
- <div style="text-align:center;clear:both">
- <p>适用浏览器:FireFox、Chrome、Safari、Opera、傲游、搜狗. 不支持IE8、360、世界之窗。</p>
- <p>来源:<a href="http://sc.chinaz.com/" target="_blank">站长素材</a></p>
- </div>
- </body>
- </html>
|