文字显示整块变化

文字显示整块变化

下面为效果显示

	欢迎你的光临
	欢迎你的光临
	欢迎你的光临
	欢迎你的光临
	欢迎你的光临
	欢迎你的光临

	欢迎你的光临1
	欢迎你的光临1
	欢迎你的光临1
	欢迎你的光临1
	欢迎你的光临1
	欢迎你的光临1

	欢迎你的光临2
	欢迎你的光临2
	欢迎你的光临2
	欢迎你的光临2
	欢迎你的光临2
	欢迎你的光临2

脚本说明:
把如下代码加入<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="tab_atw_nbadaily_on.gif" width=80 border=0 
                  name=img1></a></td>
                <td width=80><a  
                  href="javascript:updateTabs('img2');showLayer('two'); hideLayer('one'); hideLayer('three');"><img 
                  src="tab_atw_espn_off.gif" width=80 border=0 
                  name=img2></a></td>
                <td width=80><a  
                  href="javascript:updateTabs('img3'); showLayer('three'); hideLayer('two'); hideLayer('one');"><img 
                  src="tab_atw_yahoo_off.gif" 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="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临 </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" 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="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临1</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临1</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临1
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临1 </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临1</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" 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="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临2
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临2
                  </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临2</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临2 </td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临2</td>
                </tr>
                <tr> 
                  <td  valign=top ><img height=12 
                  src="dot.gif" width=8></td>
                  <td  valign=top class="gray">欢迎你的光临2 </td>
                </tr>
                </tbody> 
              </table>
            </div>
          </td>
        </tr>
        </tbody>
      </table>