读书人

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

发布时间: 2013-01-11 11:57:35 作者: rapoo

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>

读书人网 >JavaScript

热点推荐