模拟Json加载数据（淘宝购物车效果1）

最新推荐文章于 2024-07-24 17:38:44 发布

yaya1286249672

最新推荐文章于 2024-07-24 17:38:44 发布

阅读量3.2k

点赞数

本文链接：https://blog.csdn.net/yaya1286249672/article/details/53981711

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin:0;padding:0;}
        #container{width:1200px;border:solid 1px #ccc;height:500px;}
        .goods{float:left;margin-left:10px;width:200px;padding:5px; border:orange 1px solid; border-radius:3px;}
        .goods>img{width:200px;height:auto;display:block;}
        .gid{display:none;}
    </style>
</head>
<body>
<a href="shopcart.html">我的购物车</a>
<div id="container">
    <!--
    <div class="goods">
        <span class="gid"></span>
        <img src="images/aw11.jpg" alt="">
        <p>商品名称:<span>外星人</span></p>
        <p>商品单价: <span>14999</span></p>
        <p><button>加入购物车</button></p>
    </div>-->
</div>
<script src="cookie.js"></script>
<script>
    // 定义JSON，模拟后台的数据:后台从数据库中读取出来的。前台通过Ajax调用到的后台JSON数据
    var _goodslist = [{