web前端练习2----实现列表功能

最新推荐文章于 2021-06-04 22:43:11 发布

zhaihaohao1

最新推荐文章于 2021-06-04 22:43:11 发布

阅读量857

点赞数

分类专栏： web前端2018

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/84104283

版权

本文介绍了如何使用HTML、CSS和JS实现列表功能。通过Ajax请求数据并利用jQuery进行渲染。需要注意解决跨域问题，可以借助nginx进行反向代理。提供源码下载供参考。

摘要由CSDN通过智能技术生成

效果图：
在这里插入图片描述
思路：
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

最低0.47元/天解锁文章

zhaihaohao1

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
web前端练习2----实现列表功能

思路：1 html+css 完成基本布局2 接收到上个页面的数据，Ajax请求数据3 js渲染数据我把所有代码：html css js 都写在了一个文件里 Listview1.html&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;meta charset=&amp;
复制链接

扫一扫

专栏目录