利用js控制Div切换 同时切换标签的CSS样式

PHPABC JavaScript 1,996 次浏览 , 没有评论

利用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>

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go