使用jq制作下拉选择框样式插件制作

<link type="text/css" rel="stylesheet" href="css/powerFloat.css" /><link type="text/css" rel="stylesheet" href="css/xmenu.css" /><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/jquery-powerFloat-min.js"></script><script type="text/javascript" src="js/jquery-xmenu.js"></script>

<div class="topnav"><a id="selectpos" href="javascript:void(0);" class="as"><span>选择职位</span></a></div><div id="m2" class="xmenu" style="display: none;"><div class="select-info"><label class="top-label">已选部门：</label><ul></ul><a  name="menu-confirm" href="javascript:void(0);" class="a-btn"><span class="a-btn-text">确定</span></a><div><dl><dt class="open">需求部门</dt><dd>       <ul><li rel="1"  class="">开发部</li><li rel="2">人事部</li><li rel="3">市场部</li><li rel="4" class="">业务部</li><li rel="5">财务部</li></ul></dd><dt class="open">缺编部门</dt><dd><ul><li rel="15" class="">研发部</li><li rel="16">广告部</li><li rel="17">出纳部</li><li rel="18" class="">后勤部</li></ul>    </dd>     </dl> </div>

<script type="text/javascript">$(document).ready(function() {$("#selectpos").xMenu({width :600,eventType: "click", //事件类型 支持focus click hoverdropmenu:"#m1",//弹出层hiddenID : "selectposhidden"/隐藏域ID});</script>