插件描述： jQuery下拉弹出框选择插件X-Menu，应用于多选类别点击带回功能，支持单选和多选， 依赖jquery-powerFloat.js，支持隐藏域赋值，支持自定义宽度，支持事件定义，浏 览器兼容：兼容Chrome,FireFox,Opera,IE9 不兼容IE9以下。
使用方法： 1.加载文件
<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>
2.HTML内容
<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>
3.函数调用
<script type="text/javascript">$(document).ready(function() {$("#selectpos").xMenu({width :600,eventType: "click", //事件类型 支持focus click hoverdropmenu:"#m1",//弹出层hiddenID : "selectposhidden"/隐藏域ID});</script>
注意：所有网页特效均为互联网上收集，若有侵权，请告知删除。
关键词: jquery插件jQuery教程jQuery弹出框jQuery apijQuery X-Men
© 版权声明
【站长推荐】购买会员可免费下载全站资源。【提示】本站只提供资源，不提供技术支持，介意勿下！！【公告】没有基础小白不要下载，站长不教！！
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
本站提供的资源，都来自网络，版权争议与本站无关，所有内容及软件的文章仅限用于学习和研究目的。不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负，我们不保证内容的长久可用性，通过使用本站内容随之而来的风险与本站无关，您必须在下载后的24个小时之内，从您的电脑/手机中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如果有侵权之处请第一时间联系我们删除。
THE END
