活动选项卡

【实例简介】活动选项卡
【实例截图】
【核心代码】<div class="qz_main">
  <div class="qz_banner01"></div>
  <div class="qz_banner02"></div>
  <div class="qz_banner03"></div>
  <div class="qz_banner04">
    <div class="qtz_main01">
      <ul class="qz_tou">
        <li class="qz_toupiao01" id="qz_toupiao01">投票</li>
        <li class="qz_toupiao02" id="qz_toupiao02">活动规则</li>
        <li class="qz_toupiao03" id="qz_toupiao03">评选结果</li>
      </ul>
    </div>
  </div> 
  
  <div class="qz_main01" id="qz_main01">
    <table width="260" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td height="40" bgcolor="#FE6361">&nbsp;</td>
      </tr>
      <tr>
        <td width="260" height="280">&nbsp;</td>
      </tr>
      <tr>
        <td height="40" bgcolor="#FE6361"><div>
            <ul class="qz_li">
              <li class="qz_li01">1号亲子</li>
              <li class="qz_li02">投票</li>
            </ul>
          </div></td>
      </tr>
      <tr>
        <td height="30" bgcolor="#FE6361"><div class="qz_font">总票数：300</div></td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
  </div>
  <div class="qz_main02" id="qz_main02"> </div>
  <div class="qz_main03" id="qz_main03"> </div>
</div>
</body>
</html>
<script type="text/javascript">
window.onload = function(){
   var obj_qz_toupiao01=document.getElementById("qz_toupiao01");
   var obj_qz_toupiao02=document.getElementById("qz_toupiao02"); 
   var obj_qz_toupiao03=document.getElementById("qz_toupiao03");
   
   var obj_qz_main01=document.getElementById("qz_main01");
   var obj_qz_main02=document.getElementById("qz_main02");
   var obj_qz_main03=document.getElementById("qz_main03");
   //投票
   obj_qz_toupiao01.onmouseover = function(){
  obj_qz_main01.style.display="block";
  obj_qz_main02.style.display="none";
  obj_qz_main03.style.display="none";
  obj_qz_toupiao01.style.background="#fe6361";
  obj_qz_toupiao02.style.background="#918d8c";
  obj_qz_toupiao03.style.background="#918d8c";   
  }
//活动规则
   obj_qz_toupiao02.onmouseover = function(){
  obj_qz_main01.style.display="none";
  obj_qz_main02.style.display="block";
  obj_qz_main03.style.display="none";
  obj_qz_toupiao01.style.background="#918d8c";
  obj_qz_toupiao02.style.background="#fe6361";
  obj_qz_toupiao03.style.background="#918d8c";   
  }
obj_qz_toupiao02.onmouseout = function(){
//obj_qz_toupiao02.style.background="#918d8c";
}

//评选结果
    obj_qz_toupiao03.onmouseover = function(){
  obj_qz_main01.style.display="none";
  obj_qz_main02.style.display="none";
  obj_qz_main03.style.display="block";
  obj_qz_toupiao01.style.background="#918d8c";
  obj_qz_toupiao02.style.background="#918d8c";
  obj_qz_toupiao03.style.background="#fe6361";  
  }   
 
}

</script>