function mclick() {
if (event.button==1)
{
var tbnow=document.getElementById("p"+page);
if(i<tbnow.childNodes.length){
tbnow.childNodes(i).style.display="";
i++;
}
else
{
doit(); //图片缓缓向右移
if(page==pageMax-1) location.replace("http://www.hao123.com");
window.scrollTo(0,document.getElementById("p"+page).offsetTop);
}
}
if (event.button==2)
{
event.returnValue=false;
}
}
document.onmousedown=mclick;
if (event.button==1)
{
var tbnow=document.getElementById("p"+page);
if(i<tbnow.childNodes.length){
tbnow.childNodes(i).style.display="";
i++;
}
else
{
doit(); //图片缓缓向右移
if(page==pageMax-1) location.replace("http://www.hao123.com");
window.scrollTo(0,document.getElementById("p"+page).offsetTop);
}
}
if (event.button==2)
{
event.returnValue=false;
}
}
document.onmousedown=mclick;
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>第一段 第二段 第三段 第四段 第五段</title>
<script>
var page=1;
var pageMax=5;
var i=0;function mclick() {
if (event.button==1)
{
var tbnow=document.getElementById("p"+page);
if(i<tbnow.childNodes.length){
tbnow.childNodes(i).style.display="";
i++;
}
else
{
//doit(); //图片缓缓向右移函数
i=0;
page<pageMax?page++:location.replace("http://www.hao123.com");
window.scrollTo(0,document.getElementById("p"+page).offsetTop);
var tbnow=document.getElementById("p"+page);
if(i<tbnow.childNodes.length){
tbnow.childNodes(i).style.display="";
i++;
} }
}
if (event.button==2)
{
event.returnValue=false;
}
}
document.onmousedown=mclick;
</script>
</head><body>
<span style="height: 200; width:100%" id="p1"><p style="display:none">第一段</p><p style="display:none">你好!</p></span>
<span style="height: 200; width:100%" id="p2"><p style="display:none">第二段</p><p style="display:none">你好!</p></span>
<span style="height: 200; width:100%" id="p3"><p style="display:none">第三段</p><p style="display:none">你好!</p></span>
<span style="height: 200; width:100%" id="p4"><p style="display:none">第四段</p><p style="display:none">你好!</p></span>
<span style="height: 200; width:100%" id="p5"><p style="display:none">第五段</p><p style="display:none">你好!欢迎进入http://www.hao123.com/</p></span>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br>
</body></html>
图片缓缓向右移,当到达某位置时复位.
图片缓缓向右移期间,单击页面是没有任何反应的.只有图片到达某位置时复位后才有反应.