在index.html页面body中加入如下HTML结构,有一个
的标题居中显示,中间
标签中加入需要显示
的下载的内容,左边部分为下载文件名称,下载次数,右边部分当鼠标移动时会显示“点击下载”按键。
其中ul class="filelist"用来陈列文件列表,
现在它里面没有内容,将使用jQuery来异步读取文件列表,所以别忘了,还需要在html中加载jQuery库文件。
下载统计
实现如下表格中的简单样式布局:头部标题: 下载统计
中间的内容
下载的内容1如:下载测试1.zip下载次数 如:7"点击下载" 按键
下载的内容2....................
下载的内容3....................
底部的内容(可自行添加内容和样式)
为了让demo更好的展示页面效果,我们使用CSS来修饰页面,
以下的代码主要设置文件列表展示效果,当然实际项目中可以根据需要设置相应的样式。
在html
头部里面的