js轮换选项卡样式

作者：袖梨 2022-07-02

YPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

提示：您可以先修改部分代码再运行

<title> New Document </title>
		<meta name="Generator" content="EditPlus">
		<meta name="js轮换选项卡样式" content="">
		<meta name="js轮换选项卡样式" content="">
		<meta name="js轮换选项卡样式" content="">
	
	
	<style>
#fodsx {}
#fodsx td.sx0{background:url(http://mat1.***qq.com/lady/indexpic910/ncard01.jpg) right no-repeat;}
#fodsx td.sx1{background:url(http://mat1.**q*q.com/lady/indexpic910/ncard02.jpg) right no-repeat;}
#fodsx td.sx2{background:url(http://mat1.q***q.com/lady/indexpic910/ncard03.jpg) right no-repeat;}
#fodsx #Fod_listx p{margin:0;padding:0;float:left;text-align:center;padding-top:6px;line-color:#fff;font-weight:bold;font-size:12px;}
#fodsx #Fod_listx div.x{font-size:12px;color:#e62c71;text-align:center;padding-top:4px;line-float:left;cursor:pointer;}
#fodsx #Fod_listx .sx{font-size:12px;color:#e62c71;text-align:center;padding-top:4px;line-float:left;cursor:pointer;}
#fodsx ul,li{list-style-type:none;margin:0;padding:0;}
.dis{display:block}
.undis{display:none;}
.style1 {color: #444}
</style>
		<table width="455" border="0" align="center" cellpadding="0" cellspacing="0" background="http://mat1.q***q.com/lady/indexpic910/a91071.jpg" id="fodsx" style="background-position:left<style>
#fodsx {}
#fodsx td.sx0{background:url(http://mat1.***qq.com/lady/indexpic910/ncard01.jpg) right no-repeat;}
#fodsx td.sx1{background:url(http://mat1.**q*q.com/lady/indexpic910/ncard02.jpg) right no-repeat;}
#fodsx td.sx2{background:url(http://mat1.q***q.com/lady/indexpic910/ncard03.jpg) right no-repeat;}
#fodsx #Fod_listx p{margin:0;padding:0;width:191px;float:left;text-align:center;padding-top:6px;line-height:14px;color:#fff;font-weight:bold;font-size:12px;}
#fodsx #Fod_listx div.x{font-size:12px;color:#e62c71;text-align:center;width:88px;height:18px;padding-top:4px;line-height:16px;float:left;cursor:pointer;}
#fodsx #Fod_listx .sx{font-size:12px;color:#e62c71;text-align:center;width:88px;height:18px;padding-top:4px;line-height:16px;float:left;cursor:pointer;}
#fodsx ul,li{list-style-type:none;margin:0;padding:0;}
.dis{disop; background-repeat:no-repeat;margin-bottom:4px;">
  <tr>
    <td height="22" valign="bottom" class="sx0" id="Fod_listx">
<p>
<script language="JavaScript"> 

</script>
    </p>
      <div class="sx" onmouseover="fodx(this)">美 体</div>
      <div class="x" onmouseover="fodx(this)">情 感</div>
      <div class="x" onmouseover="fodx(this)">美 发</div>
</td>
  </tr>
  <tr>
    <td height="89" align="center" valign="top" background="http://mat1.*q**q.com/lady/indexpic910/a91072.jpg">
<ul class="dis">
      <li>
<table width="400" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="36" align="center" valign="bottom"></td>
          </tr>
          <tr>
            <td height="48" valign="bottom">
<table width="400" border="0" cellspacing="0" cellpadding="0">
                  <tr align="left"> 
                    <td height="44" class="peach1nl font14px">　　<span class="style1">“金猪”年马上就要过去了，那些猪年生子的女星怎么样了？快来评出你心中最闪亮的明星妈妈！</span> 
                      </td>
                  </tr>
                </table>
              </td>
          </tr>
        </table>
             </li>
    </ul>
        <ul class="undis">
          <li> <table width="400" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="36" align="center" valign="bottom"></td>
          </tr>
          <tr>
            <td height="48" valign="bottom">
<table width="400" border="0" cellspacing="0" cellpadding="0">
                  <tr align="left"> 
                    <td height="44" class="peach1nl font14px">　　<span class="style1">在一次激情过后，刚拿出了一部相机，对着没有来得及穿上衣服的我就拍，我极力的反抗，可是来不及了……</span> 
                      </td>
                  </tr>
                </table>
              </td>
          </tr>
        </table>
</li>
        </ul>
        <ul class="undis">
          <li><table width="400" border="0" cellspacing="0" cellpadding="0">
          <tr>
              <td height="36" align="center" valign="bottom"></td>
          </tr>
          <tr>
            <td height="48" valign="bottom">
<table width="400" border="0" cellspacing="0" cellpadding="0">
                  <tr align="left"> 
                    <td height="44" class="peach1nl font14px">　　<span class="style1">看看我们的盘点性感熟女萧蔷最美+最丑发型，萧美人犯过的错，大家可要小心别重蹈覆辙……</span> 
                       
                    </td>
                  </tr>
                </table>
              </td>
          </tr>
        </table></li>
    </ul>
</td>
  </tr>
  <tr>
    <td background="http://mat1.**q*q.com/lady/indexpic910/a92073.gif"></td>
  </tr>
</table>
<script language="javascript">
		  function fodx(obj)
		  {
		   	//var p = document.getElementById("Fod_list").getElementsByTagName("div");
			var pxN = document.getElementById("Fod_listx");
			var px = obj.parentNode.parentNode.parentNode.parentNode.parentNode;
			var px1 = obj.parentNode.getElementsByTagName("div");
			var tx = px.getElementsByTagName("tr")[1].getElementsByTagName("ul");
			var n = px1.length;
			for(i=0;i<n;i++)
			{
				if(px1[i] == obj)
				{
					pxN.className = "sx" + i;
					px1[i].className = "sx";
					tx[i].className = "dis";
				}
				else
				{
					px1[i].className = "x";
					tx[i].className = "undis";				
				}
			}
		  }
		</script>

提示：您可以先修改部分代码再运行

js轮换选项卡样式

相关文章

精彩推荐