猿问

这三个分别的网页怎么能做成手机页面向上滑动翻页的样子

第一个页
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script>
$(document).ready(function(){
 
    $("#div1").fadeIn();
    $("#div2").fadeIn(5000);
    $("#div3").fadeIn(9000);
    $("#div4").fadeIn();
 
});
</script>
</head>

<body>
<br><br>
<div id="div1" style="width:640px;height:1136px;display:none;background:url(beijing.png);position:absolute;">
</div>
<br>
<div id="div2" style="width:640px;height:1136px;display:none;background:url(%E9%A6%96%E9%A1%B5%E5%9B%BE.png);position:absolute;"></div>
<br>
<div id="div3" style="width:640px;height:1136px;display:none;background:url(%E5%90%AC%E5%A6%88%E5%A6%88%E5%AF%B9%E4%BD%A0%E8%AF%B4.png);position:absolute;"></div>
<br>
<div id="div4" style="width:640px;height:1136px;display:none;background:url(%E9%A6%96%E9%A1%B5123.png);position:absolute;"></div>
</body>
</html>

第二个页
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script>
$(document).ready(function(){
 
    $("#div1").fadeIn();
    $("#div2").fadeIn(5000);
    $("#div3").fadeIn(12000);
    
 
});
</script>
</head>

<body>
<br><br>
<div id="div1" style="width:640px;height:1136px;display:none;background:url(beijing.png);position:absolute;">
</div>
<br>
<div id="div2" style="width:640px;height:1136px;display:none;background:url(mama.png);position:absolute;"></div>
<br>
<div id="div3" style="width:640px;height:1136px;display:none;background:url(wenzi.png);position:absolute;"></div>


</body>
</html>

第三页
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script>
$(document).ready(function(){
 
    $("#div1").fadeIn();
    $("#div2").fadeIn(3000);
    $("#div3").fadeIn(7000);
    $("#div4").fadeIn(9000);
 
});
</script>
</head>

<body>
<br><br>
<div id="div1" style="width:640px;height:1136px;display:none;background:url(beijing.png);position:absolute;">
</div>
<br>
<div id="div2" style="width:640px;height:1136px;display:none;background:url(2.1.png);position:absolute;"></div>
<br>
<div id="div3" style="width:640px;height:1136px;display:none;background:url(2.2.png);position:absolute;"></div>
<br>
<div id="div4" style="width:640px;height:1136px;display:none;background:url(2.3.png);position:absolute;"></div>



</body>
</html>


SleepingZKB
浏览 1574回答 1
1回答
随时随地看视频慕课网APP
我要回答