一个简单的DIV显示切换(原创)

 

<html> 
    <body onload="divSwitch();"> 
        <div id="s001" style="display: none; position:absolute; z-index:1; left:144px; top:78px; HEIGHT: 22px; width: 764px;"><h1>DIV1</h1></div>
         <div id="s002" style="display: none; position:absolute; z-index:1; left:144px; top:78px; HEIGHT: 22px; width: 764px;"><h1>DIV2</h1></div>
         <div id="s003" style="display: none; position:absolute; z-index:1; left:144px; top:78px; HEIGHT: 22px; width: 764px;"><h1>DIV3</h1></div>
         <form name="broadcast"> 
            <input type="hidden" name="sign" value="1"> 
        </form> 
    </body> 
</html> 
<script> 
function divSwitch() 
{ 
    sign_in = broadcast.sign.value; 
    alert(sign_in); 
    if(sign_in == "1") 
    { 
        s001.style.display = 'none'; 
        s002.style.display = 'block'; 
        s003.style.display = 'none';        
        broadcast.sign.value = "2"; 
        ok=setTimeout("divSwitch()",3000); 
    } 
    if(sign_in == "2") 
    { 
        s001.style.display = 'block'; 
        s002.style.display = 'none'; 
        s003.style.display = 'none';        
        broadcast.sign.value = "3"; 
        ok=setTimeout("divSwitch()",3000); 
    } 
    if(sign_in == "3") 
    { 
        s001.style.display = 'none'; 
        s002.style.display = 'none'; 
        s003.style.display = 'block'; 
        broadcast.sign.value = "1";        
        ok=setTimeout("divSwitch()",3000); 
    } 
} 
</script>

你可能感兴趣的:(js)