首页 > 代码库 > 利用简单的JS文件编写APP格式下的网页

利用简单的JS文件编写APP格式下的网页

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Title</title>
<link rel="stylesheet" href="http://www.mamicode.com/css/im.css">
</head>
<body>
<!--底-->
<div class="bn">
<div class="bn1"><img src="http://www.mamicode.com/img/app第四页images/IMG_1764_03.png" ></div>
<div class="bn2"><img src="http://www.mamicode.com/img/app第四页images/IMG_1764_06.png" ></div>
<div class="bn3"><img src="http://www.mamicode.com/img/app第四页images/IMG_1764_08.png" ></div>
<div class="bn4"><img src="http://www.mamicode.com/img/app第四页images/IMG_1764_10.png" ></div>
<div class="bn5"><img src="http://www.mamicode.com/img/app第四页images/IMG_1764_12.png" ></div>
</div>
<!--页首自我图像-->
<div class="t">
<div class="t1"><img src="http://www.mamicode.com/img/我的/shezhi.png" ></div>
<div class="t2"><img src="http://www.mamicode.com/img/我的/IMG_1806_07.png" ></div>
<div class="t3"><img src="http://www.mamicode.com/img/我的/IMG_1806_10.png" ></div>
<div class="t4"><img src="http://www.mamicode.com/img/我的/IMG_1806_13.png" ></div>
</div>
<!--三选项-->
<div class="sx">
<div class="sx1"><img src="http://www.mamicode.com/img/我的/IMG_1806_22.png" ></div>
<div class="sx2"><img src="http://www.mamicode.com/img/我的/IMG_1806_24.png" ></div>
<div class="sx3"><img src="http://www.mamicode.com/img/我的/IMG_1806_27.png" ></div>
</div>
<!--隔断-->
<div class="gd"></div>
<!--三个主题-->
<div class="sz">
<div class="sz1"><img src="http://www.mamicode.com/img/我的/IMG_1806_33.png" ></div>
<div class="sz2"><img src="http://www.mamicode.com/img/我的/IMG_1806_36.png" ></div>
<div class="sz3"><img src="http://www.mamicode.com/img/我的/IMG_1806_39.png" ></div>
</div>
<!--隔断-->
<div class="gd"></div>
<!--订单-->
<div class="dd">
<div class="dd1"><img src="http://www.mamicode.com/img/我的/IMG_1806_45.png" ></div>
<div class="dd2"><img src="http://www.mamicode.com/img/我的/IMG_1806_48.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--售后服务-->
<div class="sh">
<div class="sh1"><img src="http://www.mamicode.com/img/我的/IMG_1806_57.png" ></div>
<div class="sh2"><img src="http://www.mamicode.com/img/我的/IMG_1806_59.png" ></div>
<div class="sh3"><img src="http://www.mamicode.com/img/我的/IMG_1806_62.png" ></div>
<div class="sh4"><img src="http://www.mamicode.com/img/我的/IMG_1806_03.png" ></div>
</div>
<!--隔断-->
<div class="gd"></div>
<!--购物车-->
<div class="gw">
<div class="gw1"><img src="http://www.mamicode.com/img/我的/IMG_1806_67.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--我的钱包-->
<div class="gw">
<div class="gw3"><img src="http://www.mamicode.com/img/我的/IMG_1806_70.png" ></div>
<div class="gw2"><img src="http://www.mamicode.com/img/我的/IMG_1806_73.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--优惠卷-->
<div class="gw">
<div class="gw1"><img src="http://www.mamicode.com/img/我的/IMG_1807_03.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--蘑菇商城-->
<div class="gw">
<div class="gw3"><img src="http://www.mamicode.com/img/我的/IMG_1807_06.png" ></div>
<div class="w2"><img src="http://www.mamicode.com/img/我的/IMG_1807_09.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--分享赚钱-->
<div class="gw">
<div class="gw3"><img src="http://www.mamicode.com/img/我的/IMG_1807_13.png" ></div>
<div class="w3"><img src="http://www.mamicode.com/img/我的/IMG_1807_15.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--客服-->
<div class="gw">
<div class="w4"><img src="http://www.mamicode.com/img/我的/IMG_1807_19.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--隔断-->
<div class="gd"></div>
<!--生活助手-->
<div class="gw">
<div class="w5"><img src="http://www.mamicode.com/img/我的/IMG_1807_22.png" ></div>
<div class="dd3"><img src="http://www.mamicode.com/img/我的/IMG_1806_51.png" ></div>
</div>
<!--横线-->
<div class="hx"></div>
<!--四个选项-->
<div class="r">
<div class="r1"><img src="http://www.mamicode.com/img/我的/IMG_1807_25.png" ></div>
<div class="r2"><img src="http://www.mamicode.com/img/我的/IMG_1807_28.png" ></div>
<div class="r3"><img src="http://www.mamicode.com/img/我的/IMG_1807_31.png" ></div>
<div class="r4"><img src="http://www.mamicode.com/img/我的/2_03.png" ></div>
</div>
<!--隔断-->
<div class="gd"></div>
<!--蘑幻世界-->
<div class="mh">
<div class="mh1"><img src="http://www.mamicode.com/img/我的/IMG_1807_37.png" ></div>
</div>
<!--五个选项-->
<div class="fg">
<div class="fg1"><img src="http://www.mamicode.com/img/我的/IMG_1808_03.png" ></div>
<div class="fg2"><img src="http://www.mamicode.com/img/我的/IMG_1808_05.png" ></div>
<div class="fg3"><img src="http://www.mamicode.com/img/我的/IMG_1808_07.png" ></div>
<div class="fg4"><img src="http://www.mamicode.com/img/我的/IMG_1808_09.png" ></div>
<div class="fg5"><img src="http://www.mamicode.com/img/我的/IMG_1808_11.png" ></div>
</div>
<!--底白-->
<div class="db"></div>
<script src="http://www.mamicode.com/JS/auto-size.js"></script>
</body>
</html>

利用简单的JS文件编写APP格式下的网页