首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

五秒钟跳转到div中的id页面

2013-01-11 
5秒钟跳转到div中的id页面div classslidePageContent bgcolor2 stylebackground-image:url(img/2.jp

5秒钟跳转到div中的id页面
<div class="slidePageContent bgcolor2" style="background-image:url(img/2.jpg);font-family:'黑体'; font-weight:bold" id="1">
        <div align="left" style="padding:145px 0 0 45px; " >
          <input id="s1" name="a1" type="radio" value="1" onclick="onClickColor(this);"/>
          <label for="s1" value="男" style="padding:0 60px 0 0;font-size:30px" > 男</label>
          <input id="s2" name="a1" type="radio" value="2" onclick="onClickColor(this);"/>
          <label for="s2" value="女" style="font-size:30px; padding:0 50px 0 0" > 女</label>
        </div>
</div>
<div class="slidePageContent bgcolor7" id="jump7">
      <div style="color:#000000; padding:250px 0 0 0; font-size:200%">感谢您的参与,礼品将即时发送</div>
      </div>

我想在div id="jump7"的画面过5秒转到 div id="1" 的画面
[解决办法]
window.onload=function(){
window.setTimeout(xx,5000);
}
在xx方法里吧id为1的div的内容放到对应的div里试试
不很明白你的意思
[解决办法]
简单的测试了下,可用


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
  
function test()
{
setTimeout(changeShowDiv,5000);
}
function changeShowDiv()
{
 
       document.getElementById("1").style.display="inline";
   document.getElementById("jump7").style.display="none";      
  
}

</SCRIPT>
</head>

  
  <body onload="test();">
  

    <div class="slidePageContent bgcolor2" style="background-image:url(img/2.jpg);font-family:'黑体'; font-weight:bold;display:none;" id="1">
        <div align="left" style="padding:145px 0 0 45px; " >
          <input id="s1" name="a1" type="radio" value="1" onclick="onClickColor(this);"/>
          <label for="s1" value="男" style="padding:0 60px 0 0;font-size:30px" > 男</label>
          <input id="s2" name="a1" type="radio" value="2" onclick="onClickColor(this);"/>
          <label for="s2" value="女" style="font-size:30px; padding:0 50px 0 0" > 女</label>
        </div>
</div>
<div class="slidePageContent bgcolor7" id="jump7">
      <div style="color:#000000; padding:250px 0 0 0; font-size:200%">感谢您的参与,礼品将即时发送</div>


      </div>
  </body>
  

</html>

热点排行
Bad Request.