效果图:
思路:
1 html+css 完成基本布局
2 接收到上个页面的数据,Ajax请求数据
3 js渲染数据
我把所有代码:html css js 都写在了一个文件里 Listview1.html
<html>
<head lang="en">
<meta charset="UTF-8">
<!--手机上运行时,加上这句话-->
<meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport">
<!--
display: block; ----设置为块级元素
display: inline; -----设置为内联元素
-->
<title>网页实现listView</title>
<script type="text/javascript" src="jquery-2.1.4.min.js"></script>
<!-- css样式-->
<style>
* {
margin: 0px;
padding: 0px;
}
/* 固定定位,就是固定下来,并且浮起来
* position: fixed; 绝对定位
* left:0; 距离左边0
* top:0; 距离上边0
* width: 100%; 宽度铺满
*/
.title {
/*
* 里面的文字居中
*/
line-height: 50px;
text-align: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
background-color: cornflowerblue;
co