以下是 jQuery完整的职业选择插件js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8">
<title>jQuery完整的职业选择插件下载</title>
<link href="base.css" rel="stylesheet" type="text/css" />
<link href="big-window.css" rel="stylesheet" type="text/css" />
<script src="jquery-1.7.2.min.js"></script>
<script src="position.data.min.js" type="text/javascript"></script>
<script src="jquery.position.select.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#result").bind("click", function () {
$("#result").positionSelect({
containerId: "positionDiv",
className: "big-window",
nameId: "result"
});
});
});
</script>
</head>
<body>
<br />
<center><textarea id="result" cols="80" rows="10">点我，狠狠地点我。</textarea></center>
<div id="positionDiv">
</div>
<!-- 职位-->
<div class="big-window bg-f0" id="position">
<div class="title">
<b>选择职位</b><span class="tip">(最多选择5项)</span> <a href="#" onclick="javascript:closeposition()">
</a>
</div>
<div class="sele-tag">
<dl>
<dt>已选择：</dt>
<dd>
<a href="#">已选择的职位1</a><a href="#">已选择的职已选择的职位位2</a><a href="#">已选择已选择的职位的职位3</a><a
href="#">已已选择的职位选择的职位4</a><a href="#">已已选择的职位选择的职位5</a><a href="#" class="btn">确 定</a>
</dd>
</dl>
</div>
<div class="position-menu">
<div class="menu">
<ul>
<li>销售|客服|市场</li>
<li>财务|人力资源|行政</li>
<li class="sele">项目|质量|高级管理</li>
<li>IT|互联网|通信</li>
<li>房产|建筑|物业管理</li>
<li>金融</li>
<li>采购|贸易|交通|物流</li>
<li>生产|制造</li>
<li>传媒|印刷|艺术|设计</li>
<li>咨询|法律|教育|翻译</li>
<li>服务业</li>
<li>能源|环保|农业|科研</li>
<li>兼职|实习|社工|其他</li>
</ul>
</div>
<div class="sub-menu">
<dl>
<dt>电信/通信技术开发及应用</dt>
<dd>
<a href="#">互联网/电子商务 </a><a href="#">计算机软件 </a><a href="#">IT服务(系统/数据/维护) </a><a
href="#">电子技术/半导体/集成电路 </a><a href="#">计算机硬件 </a><a href="#">通信/电信/网络设备 </a>
<a href="#">通信/电信运营、增值服务 </a><a href="#">网络游戏</a>
</dd>
</dl>
<dl>
<dt>财务/审计/税务</dt>
<dd>
<a href="#">快速消费品（食品/饮料/烟酒/日化） </a><a href="#">耐用消费品（服饰/纺织/皮革/家具/家电） </a><a href="#">
贸易/进出口 </a><a href="#">零售/批发 </a><a href="#">租赁服务 </a>
</dd>
</dl>
<dl>
<dt>交通运输服务</dt>
<dd>
<a href="#">互联网/电子商务 </a><a href="#">计算机软件 </a><a href="#">IT服务(系统/数据/维护) </a><a
href="#">电子技术/半导体/集成电路 </a><a href="#">计算机硬件 </a><a href="#">通信/电信/网络设备 </a>
<a href="#">通信/电信运营、增值服务 </a><a href="#">网络游戏</a>
</dd>
</dl>
<dl>
<dt>生物/制药/医疗器械</dt>
<dd>
<a href="#">快速消费品（食品/饮料/烟酒/日化） </a><a href="#">耐用消费品（服饰/纺织/皮革/家具/家电） </a><a href="#">
贸易/进出口 </a><a href="#">零售/批发 </a><a href="#">租赁服务 </a>
</dd>
</dl>
<dl>
<dt>互联网产品/运营管理</dt>
<dd>
<a href="#">汽车/摩托车</a> <a href="#">大型设备/机电设备/重工业 </a><a href="#">加工制造（原料加工/模具） </a>
<a href="#">仪器仪表及工业自动化 </a><a href="#">印刷/包装/造纸 </a><a href="#">办公用品及设备 </a><a href="#">
医药/生物工程 </a><a href="#">医疗设备/器械 </a><a href="#">航空/航天研究与制造</a>
</dd>
</dl>
<dl>
<dt>房地产|建筑业</dt>
<dd>
<a href="#">房地产/建筑/建材/工程 </a><a href="#">家居/室内设计/装饰装潢 </a><a href="#">物业管理/商业中心</a>
</dd>
</dl>
</div>
</div>
</div>
</body>
</html>
JS代码(databackup.js):
,{
'p':'IT|互联网|通信','c':[{
'n':'软件/互联网开发/系统集成','a':[{
's':'高级软件工程师'}
,{
's':'软件工程师'}
,{
's':'软件研发工程师'}
,{
's':'需求工程师'}
,{
's':'系统架构设计师'}
,{
's':'系统分析员'}
,{
's':'数据库开发工程师'}
,{
's':'ERP技术/开发应用'}
,{
's':'互联网软件工程师'}
,{
's':'手机软件开发工程师'}
,{
's':'嵌入式软件开发'}
,{
's':'移动互联网开发'}
,{
's':'WEB前端开发'}
,{
's':'语音/视频/图形开发'}
,{
's':'用户界面(UI)设计'}
,{
's':'用户体验(UE/UX)设计'}
,{
's':'网页设计/制作/美工'}
,{
's':'游戏设计/开发'}
,{
's':'游戏策划'}
,{
's':'游戏界面设计'}
,{
's':'系统集成工程师'}
,{
's':'算法工程师'}
,{
's':'仿真应用工程师'}
,{
's':'计算机辅助设计师'}
,{
's':'网站架构设计师'}
,{
's':'IOS开发工程师'}
,{
's':'Android开发工程师'}
,{
's':'Java开发工程师'}
,{
's':'PHP开发工程师'}
,{
's':'C语言开发工程师'}
,{
's':'脚本开发工程师'}
,{
's':'其他'}
]}
,{
'n':'硬件开发','a':[{
's':'高级硬件工程师'}
,{
's':'硬件工程师'}
,{
's':'嵌入式硬件开发'}
,{
's':'其他'}
]}
,{
'n':'互联网产品/运营管理','a':[{
's':'互联网产品经理/主管'}
,{
's':'互联网产品专员/助理'}
,{
's':'电子商务经理/主管'}
,{
's':'电子商务专业/助理'}
,{
's':'网络运营管理'}
,{
's':'网络运营专员/助理'}
,{
's':'网站编辑'}
,{
's':'SEO/SEM'}
,{
's':'产品总监'}
,{
's':'运营总监'}
,{
's':'网站运营总监/经理'}
,{
's':'电子商务总监'}
,{
's':'新媒体运营'}
,{
's':'网店店长'}
,{
's':'网店推广'}
,{
's':'网店客服'}
,{
's':'网店运营'}
,{
's':'网店管理员'}
,{
's':'运营主管/专员'}
,{
's':'微信推广'}
,{
's':'淘宝/微信运营专员/主管'}
,{
's':'产品运营'}
,{
's':'数据运营'}
,{
's':'市场运营'}
,{
's':'内容运营'}
,{
's':'其他'}
]}
,{
'n':'IT质量管理/测试/配置管理','a':[{
's':'IT质量管理经理/主管'}
,{
's':'IT质量管理工程师'}
,{
's':'系统测试'}
,{
's':'软件测试'}
,{
's':'硬件测试'}
,{
's':'配置管理工程师'}
,{
's':'信息技术标准化工程师'}
,{
's':'标准化工程师'}
,{
's':'游戏测试'}
,{
's':'手机维修'}
,{
's':'其他'}
]}
,{
'n':'IT运维/技术支持','a':[{
's':'信息技术经理/主管'}
,{
's':'信息技术专员'}
,{
's':'IT技术支持/维护经理'}
,{
's':'IT技术支持/维护工程师'}
,{
's':'系统工程师'}
,{
's':'系统管理员'}
,{
's':'网络工程师'}
,{
's':'网络管理员'}
,{
's':'网络与信息安全工程师'}
,{
's':'数据库管理员'}
,{
's':'计算机硬件维护工程师'}
,{
's':'ERP实施顾问'}
,{
's':'IT技术文员/助理'}
,{
's':'IT文档工程师'}
,{
's':'Helpdesk'}
,{
's':'其他'}
]}
,{
'n':'IT管理/项目协调','a':[{
's':'CTO/CIO'}
,{
's':'IT技术/研发总监'}
,{
's':'IT技术/研发经理/主管'}
,{
's':'IT项目总监'}
,{
's':'IT项目经理/主管'}
,{
's':'IT项目执行/协调人员'}
,{
's':'其他'}
]}
,{
'n':'电信/通信技术开发及应用','a':[{
's':'通信技术工程师'}
,{
's':'通信研发工程师'}
,{
's':'数据通信工程师'}
,{
's':'移动通信工程师'}
,{
's':'电信网络工程师'}
,{
's':'电信交换工程师'}
,{
's':'有线传输工程师'}
,{
's':'无线/射频通信工程师'}
,{
's':'通信电源工程师'}
,{
's':'通信标准化工程师'}
,{
's':'通信项目管理'}
,{
's':'增值产品开发工程师'}
,{
's':'其他'}
]}
]}
,{
'p':'房产|建筑|物业管理','c':[{
'n':'房地产开发/经纪/中介','a':[{
's':'房地产项目策划经理/主管'}
,{
's':'房地产项目策划专员/助理'}
,{
's':'房地产项目招投标'}
,{
's':'房地产项目开发报建'}
,{
's':'房地产项目配套工程师'}
,{
's':'房地产销售经理'}
,{
's':'房地产销售主管'}
,{
's':'房地产销售/职业顾问'}
,{
's':'房地产评估'}
,{
's':'房地产中介/交易'}
,{
's':'房地产项目管理'}
,{
's':'房地产资产管理'}
,{
's':'监察人员'}
,{
's':'地产店长/经理'}
,{
's':'房地产内勤'}
,{
's':'房地产客服'}
,{
's':'其他'}
]}
,{
'n':'土木/建筑/装修/市政工程','a':[{
's':'高级建筑工程师/总工'}
,{
's':'建筑工程师'}
,{
's':'建筑设计师'}
,{
's':'土木/土建/结构工程师'}
,{
's':'岩土工程'}
,{
's':'建筑制图'}
,{
's':'建筑工程测绘/测量'}
,{
's':'道路/桥梁/隧道工程技术'}
,{
's':'水利/港口工程技术'}
,{
's':'架线和管道工程技术'}
,{
's':'给排水/暖通/空调工程'}
,{
's':'智能大厦/布线/弱电/安防'}
,{
's':'室内装潢设计'}
,{
's':'幕墙工程师'}
,{
's':'园林/景观设计'}
,{
's':'城市规划与设计'}
,{
's':'市政工程师'}
,{
's':'工程监理/质量管理'}
,{
's':'工程造价/预结算'}
,{
's':'工程资料管理'}
,{
's':'建筑施工现场管理'}
,{
's':'施工队长'}
,{
's':'施工员'}
,{
's':'建筑工程安全管理'}
,{
's':'软装设计师'}
,{
's':'工程总监'}
,{
's':'土建勘察'}
,{
's':'硬装设计师'}
,{
's':'橱柜设计师'}
,{
's':'其他'}
]}
,{
'n':'物业管理','a':[{
's':'物业经理/主管'}
,{
's':'物业管理专员/助理'}
,{
's':'物业租赁/销售'}
,{
's':'物业维修'}
,{
's':'物业顾问'}
,{
's':'物业招商管理'}
,{
's':'监控维护'}
{
's':'其他'}
]}
]}
,{
'p':'金融','c':[{
'n':'银行','a':[{
's':'行长/副行长'}
,{
's':'银行经理/主任'}
,{
's':'银行大堂经理'}
,{
's':'银行客户总监'}
,{
's':'银行客户经理'}
,{
's':'银行客户主管'}
,{
's':'银行客户代表'}
,{
's':'银行客户服务'}
,{
's':'综合业务经理/主管'}
,{
's':'综合业务专员/助理'}
,{
's':'银行会计/柜员'}
,{
's':'公司业务'}
,{
's':'个人业务'}
,{
's':'银行卡/电子银行业务推广'}
,{
's':'信贷管理/资信评估/分析'}
,{
's':'信审核查'}
,{
's':'外汇交易'}
,{
's':'进出口/信用证结算'}
,{
's':'清算人员'}
,{
's':'风险控制'}
,{
's':'个人业务部门经理/主管'}
,{
's':'公司业务部门经理/主管'}
,{
's':'高级客户经理/客户经理'}
,{
's':'信用卡销售'}
,{
's':'银行柜员'}
,{
's':'其他'}
]}
,{
'n':'证券/期货/投资管理/服务','a':[{
's':'证券总监/部门经理'}
,{
's':'证券/期货/外汇经纪人'}
,{
's':'证券/投资客户总监'}
,{
's':'证券/投资客户经理'}
,{
's':'证券/投资客户主管'}
,{
's':'证券/投资客户代表'}
,{
's':'证券分析/金融研究'}
,{
's':'投资/理财服务'}
,{
's':'投资银行业务'}
,{
's':'融资专员/助理'}
,{
's':'融资总监/经理/主管'}
,{
's':'股票/期货操盘手'}
,{
's':'资产评估'}
,{
's':'风险管理/控制/稽查'}
,{
's':'储备经理人'}
,{
's':'证券/投资项目管理'}
,{
's':'金融/经济研究员'}
,{
's':'金融产品经理'}
,{
's':'金融产品销售'}
,{
's':'基金项目经理'}
,{
's':'金融服务经理'}
,{
's':'投资经理'}
,{
's':'投资银行财务分析'}
,{
's':'金融租赁'}
,{
's':'其他'}
]}
,{
'n':'保险','a':[{
's':'保险业务管理'}
,{
's':'保险代理/经纪人/客户经理'}
,{
's':'保险顾问/财务规划师'}
,{
's':'保险产品开发/项目策划'}
,{
's':'保险培训师'}
,{
's':'保险契约管理'}
,{
's':'核保理赔'}
,{
's':'汽车定损/车险理赔'}
,{
's':'保险精算师'}
,{
's':'客户服务/续期管理'}
,{
's':'保险内勤'}
,{
's':'保险项目经理/主管'}
,{
's':'储备经理人'}
,{
's':'理财顾问/财务规划师'}
,{
's':'保险电销'}
,{
's':'保险核安'}
,{
's':'其他'}
]}
,{
'n':'信托/担保/拍卖/典当','a':[{
's':'信托服务'}
,{
's':'担保业务'}
,{
's':'拍卖师'}
,{
's':'典当业务'}
,{
's':'珠宝/收藏品鉴定'}
,{
's':'其他'}
]}
]}
,{
'p':'采购|贸易|交通|物流','c':[{
'n':'采购/贸易','a':[{
's':'采购总监'}
,{
's':'采购经理/主管'}
,{
's':'采购专员/助理'}
,{
's':'供应商开发'}
,{
's':'供应链管理'}
,{
's':'买手'}
,{
's':'外面/贸易经理/主管'}
,{
's':'外贸/贸易专员/助理'}
,{
's':'贸易跟单'}
,{
's':'报关员'}
,{
's':'业务员跟单经理'}
,{
's':'高级业务跟单'}
,{
's':'助理业务跟单'}
,{
's':'国际贸易主管/专员'}
,{
's':'其他'}
]}
,{
'n':'交通运输服务','a':[{
's':'机动车司机/驾驶'}
,{
's':'列车驾驶/操作'}
,{
's':'船舶驾驶/操作'}
,{
's':'飞机驾驶/操作'}
,{
's':'公交/地铁乘务'}
,{
's':'列车乘务'}
,{
's':'船舶乘务'}
,{
's':'船员/水手'}
,{
's':'航空乘务'}
,{
's':'地勤人员'}
,{
's':'安检员'}
,{
's':'驾驶教练'}
,{
's':'交通管理员'}
,{
's':'船长'}
,{
's':'代驾'}
,{
's':'其他'}
]}
,{
'n':'物流/仓储','a':[{
's':'物流总监'}
,{
's':'物流经理/主管'}
,{
's':'物流专员/助理'}
,{
's':'货运代理'}
,{
's':'运输经理/主管'}
,{
's':'快递员/速递员'}
,{
's':'水运/空运/陆运操作'}
,{
's':'集装箱业务'}
,{
's':'报关员'}
,{
's':'单证员'}
,{
's':'仓库经理/主管'}
,{
's':'仓库/物流管理员'}
,{
's':'理货/分拣/打包'}
,{
's':'物流/仓储调度'}
,{
's':'物流/仓储项目管理'}
,{
's':'搬运工'}
,{
's':'集装箱维护'}
,{
's':'集装箱操作'}
,{
's':'物流销售'}
,{
's':'供应链总监'}
,{
's':'供应链经理/主管'}
,{
's':'物料经理'}
,{
's':'物流主管/专员'}
,{
's':'项目经理/主管'}
,{
's':'海关事务管理'}
,{
's':'船务/空运/陆运操作'}
,{
's':'订单处理员'}
,{
's':'水运/陆运/空运销售'}
,{
's':'其他'}
]}
]}
,{
'p':'生产|制造','c':[{
'n':'生产管理/运营','a':[{
's':'工厂厂长/副厂长'}
,{
's':'生产总监'}
,{
's':'生产经理/车间主任'}
,{
's':'生产主管/督导/组长'}
,{
's':'生产运营管理'}
,{
's':'生产项目经理/主管'}
,{
's':'生产项目工程师'}
,{
's':'产品管理'}
,{
's':'生产计划'}
,{
's':'制造工程师'}
,{
's':'工艺/制程工程师'}
,{
's':'工业工程师'}
,{
's':'生产设备管理'}
,{
's':'生产物流管理(PMC)'}
,{
's':'包装工程师'}
,{
's':'技术文档工程师'}
,{
's':'总工程师/副总工程师'}
,{
's':'生产文员'}
,{
's':'营运主管'}
,{
's':'营运经理'}
,{
's':'设备主管'}
,{
's':'化验师'}
,{
's':'生产跟单'}
,{
's':'其他'}
]}
,{
'n':'电子/电器/半导体/仪器仪表','a':[{
's':'电子技术研发工程师'}
,{
's':'电子/电器工程师'}
,{
's':'电器研发工程师'}
,{
's':'电子/电器工艺/制造工程师'}
,{
's':'电路工程师/技术员'}
,{
's':'模拟电路设计/应用工程师'}
,{
's':'版图设计工程师'}
,{
's':'集成电路IC设计/应用工程师'}
,{
's':'IC验证工程师'}
,{
's':'电子元器件工程师'}
,{
's':'射频工程师'}
,{
's':'无线电工程师'}
,{
's':'激光/光电子工程师'}
,{
's':'光源/照明工程师'}
,{
's':'变压器与磁电工程师'}
,{
's':'电池/电源开发'}
,{
's':'家用电器/书吧产品研发'}
,{
's':'空调工程/设计'}
,{
's':'音频/射频工程师/技术员'}
,{
's':'安防系统工程师'}
,{
's':'电子/电器设备工程师'}
,{
's':'电子/电器维修/保养'}
,{
's':'电子/电器项目管理'}
,{
's':'电气工程师'}
,{
's':'电气设计'}
,{
's':'电气线路设计'}
,{
's':'线路结构设计'}
,{
's':'半导体技术'}
,{
's':'仪器/仪表/计量工程师'}
,{
's':'自动化工程师'}
,{
's':'现场应用工程师(FAE)'}
,{
's':'测试/可靠性工程师'}
,{
's':'电子工程师/技术员'}
,{
's':'电声/音响工程师/技术员'}
,{
's':'其他'}
]}
,{
'n':'汽车制造','a':[{
's':'汽车动力系统工程师'}
,{
's':'汽车底盘/总装工程师'}
,{
's':'车身设计工程师'}
,{
's':'汽车电子工程师'}
,{
's':'汽车机械工程师'}
,{
's':'汽车零部件设计师'}
,{
's':'汽车装配工艺工程师'}
,{
's':'安全性能工程师'}
,{
's':'汽车工程项目管理'}
,{
's':'汽车机构工程师'}
,{
's':'汽车电工'}
,{
's':'售后服务/客户服务'}
,{
's':'加油站工作员'}
,{
's':'发动机/总装工程师'}
,{
's':'其他'}
]}
,{
'n':'汽车销售与服务','a':[{
's':'汽车零配件销售'}
,{
's':'汽车售后服务/客户服务'}
,{
's':'汽车维修/保养'}
,{
's':'汽车质量管理/检验检测'}
,{
's':'汽车定损/车险理赔'}
,{
's':'汽车装潢美容'}
,{
's':'二手车评估师'}
,{
's':'4S店管理'}
,{
's':'其他'}
]}
,{
'n':'汽车制造','a':[{
's':'汽车动力系统工程师'}
,{
's':'汽车底盘/总装工程师'}
,{
's':'车身设计工程师'}
,{
's':'汽车电子工程师'}
,{
's':'汽车机械工程师'}
,{
's':'汽车零部件设计师'}
,{
's':'汽车装配工艺工程师'}
,{
's':'安全性能工程师'}
,{
's':'汽车工程项目管理'}
,{
's':'汽车机构工程师'}
,{
's':'汽车电工'}
,{
's':'售后服务/客户服务'}
,{
's':'加油站工作员'}
,{
's':'发动机/总装工程师'}
,{
's':'其他'}
]}
,{
'n':'机械设计/制造/维修','a':[{
's':'工程机械经理'}
,{
's':'工程机械主管'}
,{
's':'机械设备经理'}
,{
's':'机械设备工程师'}
,{
's':'机械工程师'}
,{
's':'机械设计师'}
,{
's':'机械制图员'}
,{
's':'机械研发工程师'}
,{
's':'机械结构工程师'}
,{
's':'机械工艺/制造工程师'}
,{
's':'气动工程师'}
,{
's':'CNC/数控工程师'}
,{
's':'模具工程师'}
,{
's':'夹具工程师'}
,{
's':'注塑工程师'}
,{
's':'锻造/锻造工程师/技师'}
,{
's':'机电工程师'}
,{
's':'材料工程师'}
,{
's':'机械维修/保养'}
,{
's':'飞机设计与制造'}
,{
's':'飞机维修/保养'}
,{
's':'列车设计与制造'}
,{
's':'列车维修/保养'}
,{
's':'船舶设计与制造'}
,{
's':'船舶维修/保养'}
,{
's':'技术研发工程师'}
,{
's':'技术研发经理/主管'}
,{
's':'产品策划工程师'}
,{
's':'项目管理'}
,{
's':'实验室负责人/工程师'}
,{
's':'工业工程师'}
,{
's':'维修经理/主管'}
,{
's':'装配工程师/客户经理'}
,{
's':'焊接工程师/技师'}
,{
's':'冲压工程师/技师'}
,{
's':'锅炉工程师/技师'}
,{
's':'光伏系统工程师'}
,{
's':'汽车/摩托车工程师'}
,{
's':'轨道交通工程师/技术员'}
,{
's':'数控操作'}
,{
's':'数控编程'}
,{
's':'无损检测工程师'}
,{
's':'浮法操作工(玻璃技术)'}
,{
's':'地铁轨道设计'}
,{
's':'机修工'}
,{
's':'工装工程师'}
,{
's':'其他'}
]}
,{
'n':'服装/纺织/皮革设计/生产','a':[{
's':'服装/纺织品设计'}
,{
's':'服装打样/客制版'}
,{
's':'服装/纺织/皮革工艺师'}
,{
's':'电脑放码员'}
,{
's':'裁床'}
,{
's':'样衣工'}
,{
's':'面料辅料开发/采购'}
,{
's':'服装/纺织/皮革跟单'}
,{
's':'服装/纺织品/皮革销售'}
,{
's':'服装/纺织品/皮革质量管理'}
,{
's':'服装/纺织/皮革项目管理'}
,{
's':'服装/纺织设计总监'}
,{
's':'纸样师/车板师'}
,{
's':'剪裁工'}
,{
's':'缝纫工'}
,{
's':'纺织工/针织工'}
,{
's':'配色工'}
,{
's':'印染工'}
,{
's':'漂染工'}
,{
's':'挡车工'}
,{
's':'桨纱工'}
,{
's':'整经工'}
,{
's':'鞋子设计'}
,{
's':'细纱工'}
,{
's':'其他'}
]}
,{
'n':'技工/操作工','a':[{
's':'车床/磨床/铣床/冲床工'}
,{
's':'模具工'}
,{
's':'钳工/机修工/钣金工'}
,{
's':'电焊工/铆焊工'}
,{
's':'电工'}
,{
's':'水工/木工/油漆工'}
,{
's':'铲车/叉车工'}
,{
's':'空调工/店提供/锅炉工'}
,{
's':'汽车维修/保养'}
,{
's':'普工/操作工'}
,{
's':'技工'}
,{
's':'组装工'}
,{
's':'包装工'}
,{
's':'电力线路工'}
,{
's':'拖压工'}
,{
's':'仪表工'}
,{
's':'电镀工'}
,{
's':'喷塑工'}
,{
's':'电梯工'}
,{
's':'吊车司机/卡车司机'}
,{
's':'洗车工'}
,{
's':'洗碗工'}
,{
's':'瓦工'}
,{
's':'万能工'}
,{
's':'钢筋工'}
,{
's':'学徒工'}
,{
's':'其他'}
]}
,{
'n':'生物/制药/医疗器械','a':[{
's':'医药代表'}
,{
's':'医药销售经理/主管'}
,{
's':'药品市场推广经理/主管'}
,{
's':'药品市场推广专员/助理'}
,{
's':'医疗器械销售'}
,{
's':'医疗器械推广'}
,{
's':'医药学术推广'}
,{
's':'医药招商'}
,{
's':'医药项目管理'}
,{
's':'医药项目招投标管理'}
,{
's':'生物工程/生物制药'}
,{
's':'药品研发'}
,{
's':'医疗器械研发'}
,{
's':'临床研究员'}
,{
's':'临床协调员'}
,{
's':'临床数据分析员'}
,{
's':'医药化学分析'}
,{
's':'医药技术研发管理人员'}
,{
's':'药品注册'}
,{
's':'医疗器械注册'}
,{
's':'药品生产/质量管理'}
,{
's':'医疗器械生产/质量管理'}
,{
's':'医疗器械维修/保养'}
,{
's':'临床推广经理'}
,{
's':'医药技术研发人员'}
,{
's':'其他'}
]}
,{
'n':'化工','a':[{
's':'化工工程师'}
,{
's':'化工研发工程师'}
,{
's':'化学分析'}
,{
's':'化学技术应用'}
,{
's':'化学操作'}
,{
's':'化学制剂研发'}
,{
's':'油漆/化工涂料研发'}
,{
's':'塑料工程师'}
,{
's':'化学实验室技术员/研究员'}
,{
's':'化工项目管理'}
,{
's':'橡胶工程师'}
,{
's':'配色技术员'}
,{
's':'化妆品研发'}
,{
's':'造纸研发'}
,{
's':'化学/学工技术总监'}
,{
's':'其他'}
]}
]}
,{
'p':'传媒|印刷|艺术|设计','c':[{
'n':'影视/媒体/出版/印刷','a':[{
's':'导演/编导'}
,{
's':'总编/副总编'}
,{
's':'艺术指导/舞美设计'}
,{
's':'摄影师/摄像师'}
,{
's':'化妆师/造型师/服装/道具'}
,{
's':'主持人/司仪'}
,{
's':'演员/模特'}
,{
's':'配音员'}
,{
's':'音效师'}
,{
's':'后期制作'}
,{
's':'经纪人/星探'}
,{
's':'放映管理'}
,{
's':'作家/编剧/撰稿人'}
,{
's':'文字编辑/组稿'}
,{
's':'美术编辑/美术设计'}
,{
's':'记者/采编'}
,{
's':'电话采编'}
,{
's':'文案策划'}
,{
's':'校队/录入'}
,{
's':'发行管理'}
,{
's':'排版设计'}
,{
's':'印刷排版/制版'}
,{
's':'印刷操作'}
,{
's':'编辑出版'}
,{
's':'主笔设计师'}
,{
's':'放映员'}
,{
's':'灯光师'}
,{
's':'艺术/设计总监'}
,{
's':'影视策划/制作人员'}
,{
's':'调色员'}
,{
's':'烫金工'}
,{
's':'晒版员'}
,{
's':'装订工'}
,{
's':'数码指印/菲林输出'}
,{
's':'调墨技师'}
,{
's':'电分操作员'}
,{
's':'打稿机操作员'}
,{
's':'切纸机操作工'}
,{
's':'裱胶工'}
,{
's':'复卷工'}
,{
's':'压痕工'}
,{
's':'印刷机械机长'}
,{
's':'转播工程师'}
,{
's':'视频主播'}
,{
's':'其他'}
]}
,{
'n':'艺术/设计','a':[{
's':'设计管理人员'}
,{
's':'艺术/设计总监'}
,{
's':'绘画'}
,{
's':'原画师'}
,{
's':'CAD设计/制图'}
,{
's':'平面设计'}
,{
's':'三维/3D设计/制作'}
,{
's':'Flash设计/开发'}
,{
's':'特效设计'}
,{
's':'视觉设计'}
,{
's':'用户体验(UE/UX)设计'}
,{
's':'美术编辑/美术设计'}
,{
's':'多媒体/动画设计'}
,{
's':'包装设计'}
,{
's':'家具设计'}
,{
's':'家居用品设计'}
,{
's':'工艺品/珠宝设计'}
,{
's':'玩具设计'}
,{
's':'店面/展览/陈列设计'}
,{
's':'工业设计'}
,{
's':'游戏界面设计'}
,{
's':'园林景观设计师'}
,{
's':'平面设计总监'}
,{
's':'平面设计经理/主管'}
,{
's':'其他'}
]}
]}
,{
'p':'咨询|法律|教育|翻译','c':[{
'n':'咨询/顾问/调研/数据分析','a':[{
's':'咨询总监'}
,{
's':'咨询经理/主管'}
,{
's':'咨询顾问/咨询员'}
,{
's':'专业顾问'}
,{
's':'调研员'}
,{
's':'数据分析师'}
,{
's':'情报信息分析'}
,{
's':'猎头顾问/助理'}
,{
's':'咨询项目管理'}
,{
's':'咨询师'}
,{
's':'其他'}
]}
,{
'n':'教育/培训','a':[{
's':'幼教'}
,{
's':'小学教师'}
,{
's':'初中教师'}
,{
's':'高中教师'}
,{
's':'大学教师'}
,{
's':'职业技术教师'}
,{
's':'家教'}
,{
's':'兼职教师'}
,{
's':'理科教师'}
,{
's':'文科教师'}
,{
's':'外语教师'}
,{
's':'音乐教师'}
,{
's':'美术教师'}
,{
's':'体育教师/教练'}
,{
's':'校长/副校长'}
,{
's':'教学/教务管理人员'}
,{
's':'培训督导'}
,{
's':'培训师/讲师'}
,{
's':'培训助理/助教'}
,{
's':'教育产品开发'}
,{
's':'培训策划'}
,{
's':'培训/招生/课程顾问'}
,{
's':'大学教授'}
,{
's':'舞蹈老师'}
,{
's':'外籍教师'}
,{
's':'特教(特殊教育)'}
,{
's':'其他'}
]}
,{
'n':'律师/法务/合规','a':[{
's':'法务经理/主管'}
,{
's':'法务专员/助理'}
,{
's':'律师'}
,{
's':'律师助理'}
,{
's':'企业律师/合规经理/主管'}
,{
's':'企业律师/合规顾问'}
,{
's':'知识产权/专利顾问/代理人'}
,{
's':'合同管理'}
,{
's':'合规经理'}
,{
's':'其他'}
]}
,{
'n':'翻译(口译和笔译)','a':[{
's':'英语翻译'}
,{
's':'法语翻译'}
,{
's':'日语翻译'}
,{
's':'德语翻译'}
,{
's':'俄语翻译'}
,{
's':'西班牙语翻译'}
,{
's':'意大利语翻译'}
,{
's':'葡萄牙语翻译'}
,{
's':'阿拉伯语翻译'}
,{
's':'韩语/朝鲜语翻译'}
,{
's':'其他语种翻译'}
]}
]}
,{
'p':'服务业','c':[{
'n':'店长/卖场管理','a':[{
's':'楼面管理'}
,{
's':'品牌/连锁招商管理'}
,{
's':'大堂经理/领班'}
,{
's':'酒店管理'}
,{
's':'客房管理'}
,{
's':'收银主管'}
,{
's':'收银员'}
,{
's':'店员/营业员/导购员'}
,{
's':'理货员'}
,{
's':'促销主管/督导'}
,{
's':'促销员'}
,{
's':'品类管理'}
,{
's':'前厅接待/礼仪/迎宾'}
,{
's':'预订员'}
,{
's':'行李员'}
,{
's':'服务员'}
,{
's':'防损员/内保'}
,{
's':'奢侈品销售'}
,{
's':'主持人/司仪'}
,{
's':'客房服务员'}
,{
's':'生鲜食品加工/处理'}
,{
's':'酒店试睡员'}
,{
's':'门卫'}
,{
's':'质量管理'}
,{
's':'其他'}
]}
,{
'n':'旅游/度假/出入境服务','a':[{
's':'旅游产品销售'}
,{
's':'旅游顾问'}
,{
's':'导游/票务'}
,{
's':'旅游计划调度'}
,{
's':'旅游产品/线路策划'}
,{
's':'签证业务办理'}
,{
's':'潜水员'}
,{
's':'海外游计调'}
,{
's':'水族馆表演演员'}
,{
's':'其他'}
]}
,{
'n':'烹饪/料理/食品研发','a':[{
's':'厨师/面点师'}
,{
's':'食品加工/处理'}
,{
's':'调酒师/茶艺师/咖啡师'}
,{
's':'营养师'}
,{
's':'厨工'}
,{
's':'食品/饮料研发'}
,{
's':'食品/饮料检验'}
,{
's':'餐厅领班'}
,{
's':'餐厅服务员'}
,{
's':'行政主厨'}
,{
's':'中餐厨师'}
,{
's':'西餐厨师'}
,{
's':'日式厨师'}
,{
's':'西点师'}
,{
's':'厨师助理/学徒'}
,{
's':'送餐员'}
,{
's':'传菜员'}
,{
's':'烧烤师'}
,{
's':'品酒师'}
,{
's':'杂工'}
,{
's':'其他'}
]}
,{
'n':'保健/美容/美发/健身','a':[{
's':'美发/发型师'}
,{
's':'化妆师'}
,{
's':'美容师/美甲师'}
,{
's':'美容顾问(BA)'}
,{
's':'健身/美体/舞蹈教练'}
,{
's':'按摩/足疗'}
,{
's':'救生员'}
,{
's':'美发培训师'}
,{
's':'游泳教练'}
,{
's':'高尔夫教练'}
,{
's':'瑜伽教练'}
,{
's':'户外/游戏教练'}
,{
's':'美体师'}
,{
's':'美容整形师'}
,{
's':'其他'}
]}
,{
'n':'医院/医疗/护理','a':[{
's':'医疗管理人员'}
,{
's':'综合门诊/全科医生'}
,{
's':'内科医生'}
,{
's':'外科医生'}
,{
's':儿科医生'}
,{
's':'牙科医生'}
,{
's':'美容整形科医生'}
,{
's':'中医科医生'}
,{
's':'麻醉医生'}
,{
's':'心理医生'}
,{
's':'眼科医生/眼光师'}
,{
's':'医学影像/放射科医师'}
,{
's':'化验/检验科医师'}
,{
's':'药房管理/药剂师'}
,{
's':'理疗师'}
,{
's':'兽医'}
,{
's':'护士/护理人员'}
,{
's':'营养师'}
,{
's':'针灸/推拿'}
,{
's':'验光师'}
,{
's':'公共卫生/疾病监控'}
,{
's':'护理主任/护士长'}
,{
's':'院长'}
,{
's':'专科医生'}
,{
's':'其他'}
]}
,{
'n':'社区/居民/家政服务','a':[{
's':'保安经理'}
,{
's':'保安'}
,{
's':'家政人员'}
,{
's':'婚礼/庆典策划服务'}
,{
's':宠物护理和美容'}
,{
's':'保姆/母婴护理'}
,{
's':'搬运工'}
,{
's':'保洁'}
,{
's':'钟点工'}
,{
's':'月嫂'}
,{
's':'家电维修'}
,{
's':'其他'}
]}
]}
,{
'p':'能源|环保|农业|科研','c':[{
'n':'能源/广场/地质勘查','a':[{
's':'石油/天然气技术人员'}
,{
's':'空调/热能工程师'}
,{
's':'核力/火力工程师'}
,{
's':'水利/水电工程师'}
,{
's':'电力工程师/技术员'}
,{
's':'地质勘查/选矿/采矿'}
,{
's':'能源/矿产项目管理'}
,{
's':'电力系统研发工程师'}
,{
's':'电力电子研发工程师'}
,{
's':'控制保护研发工程师'}
,{
's':'其他'}
]}
,{
'n':'环境科学/环保','a':[{
's':'环保技术工程师'}
,{
's':'环境评价工程师'}
,{
's':'环境监测工程师'}
,{
's':'水处理工程师'}
,{
's':'固废处理工程师'}
,{
's':'废气处理工程师'}
,{
's':'生态治理/规划'}
,{
's':'环境管理/园林景区保护'}
,{
's':'其他'}
]}
,{
'n':'农/林/牧/渔业','a':[{
's':'插画设计师'}
,{
's':'农艺师'}
,{
's':'林业技术人员'}
,{
's':'园艺师'}
,{
's':'畜牧师'}
,{
's':'动物育种/养殖'}
,{
's':'动物营养/饲料研发'}
,{
's':'饲料销售'}
,{
's':'其他'}
]}
,{
'n':'公务员/事业单位/科研机构','a':[{
's':'公务员/事业单位人员'}
,{
's':'科研管理人员'}
,{
's':'科研人员'}
,{
's':'其他'}
]}
]}
,{
'p':'兼职|实习|社工|其他','c':[{
'n':'实习生/培训生/储备干部','a':[{
's':'实习生'}
,{
's':'培训生'}
,{
's':'储备干部'}
,{
's':'其他'}
]}
,{
'n':'志愿者/社会工作者','a':[{
's':'志愿者/义工'}
,{
's':'社会工作者/社工'}
,{
's':'其他'}
]}
,{
'n':'兼职/临时','a':[{
's':'兼职'}
,{
's':'临时'}
,{
's':'国外求职'}
,{
's':'其他'}
]}
,{
'n':'其他','a':[{
's':'其他'}
]}
]}
CSS代码(big-window.css):
/*选择职位 行业*/
.big-window{width:980px;height:560px;position:absolute;box-shadow:0px 1px 5px rgba(0,0,0,0.3);border:#ccc 3px solid;top:50%;left:50%;display:none;z-index:10000;margin:-280px 0 0 -490px;background:#fff;}
.bg-f0{background:#f0f0f0;}
.big-window .title{width:100%;height:30px;color:#333;line-height:30px;text-indent:15px;background:#fff;border-bottom:#ccc 1px dotted;}
.big-window .title a{width:12px;height:12px;display:block;position:absolute;top:10px;right:15px;background:url(images/close.png) no-repeat center top;}
.big-window .title .tip{font-size:12px;color:#f79b92;margin-left:5px;}
.big-window .title a:hover{background:url(images/close.png) no-repeat center bottom;}
.sele-tag{width:100%;height:50px;padding:10px 15px;background:#fff;}
.sele-tag dl{width:100%;line-height:30px;display:table;font-size:12px;}
.sele-tag dt{width:50px;display:table-cell;color:#e05447;vertical-align:middle;}
.sele-tag dd{display:table-cell;}
.sele-tag dd a{background:url(images/select111.png) no-repeat left center;padding:0 0 0 22px;margin:0 10px 0 0;color:#333;display:block;float:left;max-width:158px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sele-tag a.btn{background:#f2766a;padding:0 15px;color:#fff;width:auto;border-radius:4px;margin:3px 0 0 0;line-height:24px;float:right;}
.sele-tag dd a.btn:hover{background:#e05447;}
.position-menu{width:100%;height:480px;position:relative;padding:5px 0;}
.position-menu .menu{width:160px;position:absolute;z-index:2;float:left;}
.position-menu .sub-menu{width:815px;padding:10px;margin-left:159px;height:469px;overflow:auto;border:#eee 1px solid;float:left;background:#fff;}
.position-menu .menu li{width:100%;height:36px;line-height:36px;cursor:pointer;color:#666;background:url(images/ico-jj2.png) no-repeat right bottom;text-indent:15px;border-bottom:#eee 1px solid;}
.position-menu .menu li.sele{color:#e05447;background:#fff url(images/ico-jj2.png) no-repeat right top;}
.position-menu .sub-menu dl,.industry-list dl{width:100%;display:table;font-size:12px;padding:4px 0 2px 0;border-bottom:#eee 1px dotted;}
.position-menu .sub-menu dt,.industry-list dt{display:table-cell;width:90px;color:#333;padding:2px 10px 0 0;vertical-align:top;}
.position-menu .sub-menu dd,.industry-list dd{display:table-cell;}
.position-menu .sub-menu dd a,.industry-list dd a{background:url(images/select000.png) no-repeat left center;padding:0 0 0 20px;margin:1px 3px;color:#666;display:block;float:left;width:166px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.position-menu .sub-menu dd a.sele,.industry-list dd a.sele{background:url(images/select111.png) no-repeat left center;color:#f2766a;}
.industry-list{width:100%;padding:5px 15px;background:#fff;}
.industry-list dl{padding:4px 0 2px 0;}
.industry-list dt{width:160px;padding:1px 0 0 0;font-size:14px;}
.industry-list dd a{width:190px;}
.industry-btn{width:100%;padding:10px 0;text-align:center;}
.industry-btn a.btn{background:#f2766a;padding:5px 15px;color:#fff;width:auto;border-radius:4px;}
.industry-btn a.btn:hover{background:#e05447;}
分享到QQ
分享到微博
微信扫一扫
