⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 index.html

📁 能挡住下拉表单的CSS+JS下拉菜单。具体自己看效果
💻 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"> &#187;</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"> &#187;</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"> &#187;</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"> &#187;</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"> &#187;</span></a>						<ul>							<li>								<a class="sf-with-ul" href="#">menu item<span class="sf-sub-indicator"> &#187;</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"> &#187;</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"> &#187;</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"> &#187;</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"> &#187;</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 + -