📄 index.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd"><html lang="en"> <head> <title>A very basic Superfish menu example</title> <meta http-equiv="content-type" content="text/html;charset=gbk"> <link rel="stylesheet" type="text/css" media="screen" href="css/superfish.css" /> <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript" src="js/hoverIntent.js"></script> <script type="text/javascript" src="js/superfish.js"></script> <script type="text/javascript" src="js/jquery.bgiframe.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.sf-menu").superfish().find('ul').bgIframe({opacity:false}); }); </script> </head> <body> <ul id="sample-menu-2" class="sf-menu"> <li class="current"> <a class="sf-with-ul" href="#a">站酷<span class="sf-sub-indicator"> »</span></a> <ul> <li> <a href="#aa">menu item</a> </li> <li class="current"> <a class="sf-with-ul" href="#ab">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li class="current"><a href="#">menu item</a></li> <li><a href="#aba">menu item</a></li> <li><a href="#abb">menu item</a></li> <li><a href="#abc">menu item</a></li> <li><a href="#abd">menu item</a></li> </ul> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> </ul> </li> <li> <a href="#">menu item</a> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> <li> <a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> »</span></a> <ul> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> <li><a href="#">menu item</a></li> </ul> </li> </ul> </li> <li> <a href="#">menu item</a> </li> </ul> <br /><br /><br /><br /> <form action="#" method="post"> <p> <select> <option>a test select box</option> <option>a test select box</option> </select> <select> <option>a test select box</option> <option>a test select box</option> </select> <select> <option>a test select box</option> <option>a test select box</option> </select> <select> <option>a test select box</option> <option>a test select box</option> </select> </p> </form> </body></html>⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -