利用js控制Div切换 同时切换标签的CSS样式
<script type="text/javascript"> function ChengInfoBox(id) { try { document.getElementById("tab_zg").className=""; document.getElementById("tab_lw").className=""; document.getElementById("tab_zg_box").style.display="none"; document.getElementById("tab_lw_box").style.display="none"; document.getElementById(id).className="info_tab_on"; document.getElementById(id + "_box").style.display="block"; } catch(e) {} } </script>
<div class="info_tab_on" id="tab_zg" onmouseover="ChengInfoBox(id)"><a href="javascript:void(0)">招工信息</a></div> <div id="tab_lw" onmouseover="ChengInfoBox(id)"><a href="javascript:void(0)">劳务输出</a></div> <div id="tab_zg_box"> 招工信息内容 </div> <div id="tab_lw_box" style="display:none"> 劳务信息内容 </div>
Leave a Reply