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

a199006144 2012-12-27 12:50:09

<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" 的画面

...全文

119 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

a199006144 2012-12-27

打赏
举报

document.getElementById("7").style.display=? 能用到吗？

a199006144 2012-12-27

打赏
举报

我再说下，这个一个可拖动的调查问卷组件，一个Div就是一张画面，写了JS可以拖动的，例如拖到Div2就会把Div1的画面遮盖掉，我现在想要的效果就是div7的页面过了5秒后跳转到div1的画面

a199006144 2012-12-27

打赏
举报

<div class="slidePageContent bgcolor6" style="background-image:url(img/6.jpg);" > <div style="padding: 310px 0 0 0"> <input name="telephone" type="text" class="keyboardInput" id="telephone" /> </div> <div style="padding:70px 0 0 0"> <input type="submit" value="" class="submitButton" id="submit" onclick="document.getElementById('jump7').scrollIntoView();"/> </div> </div> <div class="slidePageContent bgcolor7" id="jump7"> <div style="color:#000000; padding:250px 0 0 0; font-size:200%">感谢您的参与，礼品将即时发送</div> </div> div 7上面还有div6用按钮转到div7 然后div7 过5秒返回div1 刚刚忘记用复制上6了

爱若如梦 2012-12-27

打赏
举报

简单的测试了下，可用


<!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>