为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

SleepingZKB 2015-05-21 15:57:10
第一个页 <!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>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 1573 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号