改个广告轮换代码 页面上有N个也不怕


下面的改成 “页面上有N个也不怕” 然后再加上鼠标对准后 停止自动播放。<SCRIPT>  
var i=0;  
var adl=new Array(6,6); 
//6是设置的时间 
var timer=setInterval("run()",adl[i]*1000); 
function run() 
{ 
    for(j=0;j<adl.length;j++) 
    { 
        var x=document.getElementById("srhc"+j); 
        if(j==i) x.style.display="block"; 
        else x.style.display="none"; 
    } 
clearInterval(timer); 
timer=setInterval("run()",adl[i]*1000); 
i=(i<adl.length-1)?++i:0; 
} 
</SCRIPT> 
<DIV id=srhc0 style="DISPLAY: block">
广告111111
</DIV> 
<DIV id=srhc1 style="DISPLAY: none">
广告222222
</DIV>案例“tab滑动门页面上有N个也不怕”：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
    <!--
        .tabname{ width:300px; height:24px; line-height:24px; background:#CCCCCC;}
        .tabname a{ display:block; float:left; color:#fff; width:100px; height:24px; line-height:24px; text-align:center;}
        .tabname .nowtab{ color:#FF0000; display:block; float:left; width:100px; height:24px; line-height:24px; text-align:center;}
        .tabname .nowtag{ color:#FF0000; display:block; float:left; width:100px; height:24px; line-height:24px; text-align:center;}
        .con1{ width:300px; height:300px; font-size:20px; color:#000000; background:#9933FF;}
        .kuang1{ width:300px; height:400px; background:#99FF99; margin-bottom:30px; display:block; float:left; margin-right:30px;}
        .kuang2{ width:300px; height:400px; background:#99FF99; margin-bottom:30px; display:block; float:left; margin-right:30px;}
    -->
</style><script> 
function selectMenu(scID, oThis, tabID)
    {
        var oTags = document.getElementById(scID);
        var oMenu = oTags.getElementsByTagName("a");
        for (i = 0; i < oMenu.length; i++)
        {
            oMenu[i].className = "";
        }
        oThis.className = "nowtab";
        
        var divID = scID.substring(0, 3);
        
        for (i = 0; j = document.getElementById(divID + "tab" + i); i++)
        {
            j.style.display = "none";
        }
        document.getElementById(tabID).style.display = "";
    }
</script>
</head><body>
<div class="kuang1">
    <div class="tabname" id="sc_div1">
        <a href="#" class="nowtab" onclick="selectMenu('sc_div1',this, 'sc_tab0')">页面一</a>
        <a href="#" onclick="selectMenu('sc_div1',this, 'sc_tab1')">页面二</a>
    </div>
    <div class="con1" id="sc_tab0"><p>这是页面一的内容</p></div>
    <div class="con1" id="sc_tab1" style="display:none;"><p>这是页面二的内容</p></div>
</div><div class="kuang1">
    <div class="tabname" id="sf_div2">
        <a href="#" class="nowtab" onclick="selectMenu('sf_div2',this, 'sf_tab0')">页面一</a>
        <a href="#" onclick="selectMenu('sf_div2',this, 'sf_tab1')">页面二</a>
    </div>
    <div class="con1" id="sf_tab0"><p>这是页面一的内容</p></div>
    <div class="con1" id="sf_tab1" style="display:none;"><p>这是页面二的内容</p></div>
</div></body>
</html>