📄 index.htm
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<meta name="keywords" content="维奇素材网,维奇网,维奇,经典素材,经典素材网,素材站,素材网,网页素材"/>
<meta name="description" content="仿下拉框多层次菜单,图片轮播切换 经典素材网,最新;最全;最经典的素材地带!"/>
<title>mcDropdown jQuery仿下拉框多层次菜单-经典素材网(维奇)</title>
<script type="text/javascript" src="./lib/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="./lib/jquery.mcdropdown.js"></script>
<script type="text/javascript" src="./lib/jquery.bgiframe.js"></script>
<link type="text/css" href="./css/jquery.mcdropdown.css" rel="stylesheet" media="all" />
<script type="text/javascript">
<!--//
$(document).ready(function (){
$("#category").mcDropdown("#categorymenu");
});
//-->
</script>
</head>
<body>
<h3 id="example">Example 输入框不能选择，只能点击右边下拉箭头选择</h3>
<p>
请选择省份:<br />
<input type="text" name="category" id="category" value="" />
</p>
<ul id="categorymenu" class="mcdropdown_menu">
<li rel="1">
浙江
<ul>
<li rel="2">
杭州
<ul>
<li rel="3">中心区</li>
<li rel="4">文三区</li>
</ul>
</li>
<li rel="5">
宁波
<ul>
<li rel="5">海曙区</li>
<li rel="6">江北区</li>
<li rel="7">江东区</li>
</ul>
</li>
<li rel="8">温州</li>
</ul>
</li>
<li rel="10">福建</li>
<li rel="11">广州</li>
<li rel="12">
湖南
<ul>
<li rel="13">
长沙 </li>
<li rel="14">
湘潭 </li>
<li rel="15">
株洲 </li>
<li rel="16">
衡阳 </li>
</ul>
</li>
<li rel="17" style="color:#FF0000;">湖北
<ul>
<li rel="18">武汉</li>
<ul>
<li rel="19">洪山区</li>
<li rel="20">江岸区</li>
<li rel="21">武昌区</li>
<li rel="22">江汉区</li>
</ul>
<li rel="23">黄石</li>
<li rel="24" style="color:#FF0000;">黄冈</li>
<ul>
<li rel="25" style="color:#FF0000;">蕲春县</li>
<ul>
<li rel="26" style="color:#FF0000;">漕河镇</li>
<li rel="27">赤东镇</li>
<li rel="28">蕲州镇</li>
<li rel="29">横车镇</li>
</ul>
<li rel="30">浠水县</li>
<li rel="31">罗田县</li>
<li rel="32">英山县</li>
</ul>
<li rel="33">宜昌</li>
</ul>
</li>
</ul>
<br/><br/><br/><br/>
输入框不能选择，只能点击右边箭头选择. <br/>
官方：
http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm
<br/> 整理：<a href="http://www.veeqi.com" target="_blank">经典素材网(维奇)</a> http://www.veeqi.com<br/><br/><br/>
<div align="center">
<iframe src="http://www.veeqi.com/about/google/728x90_ggad.html" width="740" height="100" scrolling="no" frameborder="0" ></iframe></div>
<!--使用请去掉以下统计代码，经典素材网-->
<span style="display:none;"><script src='http://s129.cnzz.com/stat.php?id=325686&web_id=325686' language='JavaScript' charset='gb2312'></script></span>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -