53、文字显示整块变化

53、文字显示整块变化

脚本说明:

把如下代码加入<body>区域中

<script language=JavaScript>

//Define Image Prefixes

var tab1Pre = "tab_atw_nbadaily_";

var tab2Pre = "tab_atw_espn_";

var tab3Pre = "tab_atw_yahoo_";

var tab4Pre = "";

 

//checks browser and sets up layers accordingly

if (document.layers) {

       layerRef="document.layers.";

}

 

function showLayer(layerName){

       if(document.layers){

              eval(layerRef+layerName+'.visibility="visible"');

       }else{

              eval('document.getElementById('+ "'" + layerName + "'" +').style.visibility = "visible"');

       }

}

     

function hideLayer(layerName){

        if(document.layers){

              eval(layerRef+layerName+'.visibility="hidden"');

       }else{

              eval('document.getElementById('+ "'" + layerName + "'" +').style.visibility = "hidden"');       

       }

}

 

var activeImgName = "img1";

var loaded = false;

 

if (document.images) {

    img1off = new Image();img1off.src = tab1Pre + "off.gif";

    img2off = new Image();img2off.src = tab2Pre + "off.gif";

    img3off = new Image();img3off.src = tab3Pre + "off.gif";

    //img4off = new Image();img4off.src = "/media/nbav2/" + tab4Pre + "off.gif";

    img1on = new Image();img1on.src = tab1Pre + "on.gif";

    img2on = new Image();img2on.src = tab2Pre + "on.gif";

    img3on = new Image();img3on.src = tab3Pre + "on.gif";

    //img4on = new Image();img4on.src = "/media/nbav2/" + tab4Pre + "on.gif";

}

 

function updateTabs(imgName) {

       if(imgName == activeImgName)

              return;

             

       if (document.images) {

              document[imgName].src = eval(imgName+"on.src");

        document[activeImgName].src = eval(activeImgName+"off.src");

              activeImgName = imgName;

    }

}

</script>

<style>

#one {     Z-INDEX: 2; VISIBILITY: visible; WIDTH: 235px; POSITION: absolute}

#two {    Z-INDEX: 3; VISIBILITY: hidden; WIDTH: 235px; POSITION: absolute}

#three {   Z-INDEX: 4; VISIBILITY: hidden; WIDTH: 235px; POSITION: absolute}

.p9 {font-size: 9pt;}

td {font-size: 9pt;}

body {font-size: 9pt;}

.nine1 {font-size: 9pt; line-height:13pt}

.nine {font-size: 9pt; line-height:14pt}

.p10{font-size: 10.5pt;}

.ten {font-size: 10.5pt; line-height:15pt}

A {text-decoration: none;}

A:hover{color: #FF0000; text-decoration: underline;}

-->

</style>

<table cellspacing=0 align=center border=0>

        <tbody>

        <tr>

          <td>

            <table cellspacing=0 cellpadding=0 border=0>

              <tbody>

              <tr>

                <td width=80><a 

                  href="javascript:updateTabs('img1');showLayer('one'); hideLayer('two'); hideLayer('three');"><img

                  src="sto/005.jpg" width=80 border=0

                  name=img1></a></td>

                <td width=80><a 

                  href="javascript:updateTabs('img2');showLayer('two'); hideLayer('one'); hideLayer('three');"><img

                  src="sto/005.jpg" width=80 border=0

                  name=img2></a></td>

                <td width=80><a 

                  href="javascript:updateTabs('img3'); showLayer('three'); hideLayer('two'); hideLayer('one');"><img

                  src="sto/005.jpg" width=80 border=0

                  name=img3></a></td>

              </tr>

              </tbody>

            </table>

          </td>

        </tr>

        <tr>

          <td valign=top width=235 bgcolor=#efefe7 height=120>

            <div id=one>

              <table>

                <tbody>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码

                  </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码 </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码

                  </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码</td>

                </tr>

                </tbody>

              </table>

            </div>

            <div id=two>

              <table>

                <tbody>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码1</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码1</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码1

                  </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码1 </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码1</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码1<br>

                  </td>

                </tr>

                </tbody>

              </table>

            </div>

            <div id=three>

              <table>

                <tbody>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码2

                  </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码2

                  </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码2</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码2 </td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码2</td>

                </tr>

                <tr>

                  <td  valign=top ><img height=12

                  src="sto/005.jpg" width=8></td>

                  <td  valign=top class="gray">欢迎你的光临网页特效代码2 </td>

                </tr>

                </tbody>

              </table>

            </div>

          </td>

        </tr>

        </tbody>

      </table>

 

Write a comment

Comments: 0