在好例子网，分享、交流、成长！
您当前所在位置：首页 → js 开发实例 → Ajax框架/RIA → html/css/js梅兰商城项目实战

html/css/js梅兰商城项目实战

Ajax框架/RIA

下载此实例
  • 开发语言：js
  • 实例大小：3.67M
  • 下载次数：12
  • 浏览次数：78
  • 发布时间：2019-08-31
  • 实例类别：Ajax框架/RIA
  • 发 布 人：apologize_Jie
  • 文件格式：.zip
  • 所需积分：4
网友评论 举报投诉 收藏该页

实例介绍

【实例简介】
【实例截图】from clipboard
【核心代码】<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="css/cssReset.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/common.css">
</head>
<body>
<!-- S= 页面的顶部 -->
<div class="top">
<div class="top_page">
<div class="top_page_l fl">您好！欢迎来到建材网！</div>
<div class="top_page_r fr">
<ul>
<li><a href="#">建材网首页</a></li>
<li><a href="#">我的商务室</a><s></s></li>
<li><a href="#">我的收藏</a><s></s></li>
<li><a href="#">建材服务</a><s></s></li>
<li><a href="#">客服中心</a></li>
<li><a href="#">网站导航</a><s></s></li>
</ul>
</div>
</div>
</div>
<!-- E= 页面的顶部 -->
<!-- S= logo -->
<div class="logo">
<h1 class="logo_l fl">梅兰商贸</h1>
<div class="logo_r fr">
<div class="logo_r_content">
<input type="input" class="logo_r_searche fl" value="请输入关键字">
<input type="button" value = "搜索" class="logo_r_btn fl">
</div>
</div>
</div>
<!-- E= logo -->
<!-- S=导航 -->
<div class="nav">
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">建筑材料</a></li>
<li><a href="#">儿童安全座椅</a></li>
<li><a href="#">工艺美术品</a></li>
</ul>
</div>
<!-- E=导航 -->
<!-- S= banner -->
<div class="banner">
<div class="subNav fl">
<h2>商机市场</h2>
<ul>
<li><s></s><a href="#">建筑材料</a></li>
<li><s></s><a href="#">儿童安全座椅</a></li>
<li><s></s><a href="#">工艺美术品</a></li>
<li><s></s><a href="#">建筑材料</a></li>
<li><s></s><a href="#">儿童安全座椅</a></li>
<li><s></s><a href="#">工艺美术品</a></li>
</ul>
</div>
<div class="ad fl"></div>
<div class="message fr">
<div class="message_top">
<p class="fw">建材通大众版</p>
<s class="fl"></s><p class="cheap fl">价格实惠，量身为预算不<br/>多的供应商所设。<a href="#">了解详情</a></p>
</div>
<div class="message_bottom">
<p class="findMessage">找信息或者发信息遇到问题？</p>
<p class="phone"><s></s>0124-9792374987</p>
<input type="button" class="btn" >
</div>
</div>
</div>
<!-- E= banner -->
<div class="material">建筑材料</div>
<!-- S= 具体信息 -->
<div class="product">
<div class="product_l fl">
<div class="product_l_top">
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
</div>
<div class="product_l_line"></div>
<div class="product_l_top">
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
</div>
</div>
<div class="product_r fr">
<h2>建材资讯</h2>
<ul>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
</ul>
</div>
</div>
<!-- E= 具体信息 -->
<div class="div"></div>
<div class="material">建筑材料</div>
<!-- S= 具体信息 -->
<div class="product">
<div class="product_l fl">
<div class="product_l_top">
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
</div>
<div class="product_l_line"></div>
<div class="product_l_top">
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
<div class="p_l_t_product1 fl">
<div class="buy fl">
<div class="img"><s></s></div>
<input type="button" value="立即购买" class="btn">
</div>
<div class="explain fl">
<p class="goodWife">好太太晾衣架&nbsp;铝钛合金&nbsp;升降双杆</p>
<p class="auto">自动换挡&nbsp;安全耐用<br/>稳定性好&nbsp;搞氧化强</p>
<p class="money"><span>239.00</span> <s>￥386.00</s></p>
<p class="buyed">限量99件，已售22件，</p>
</div>
</div>
</div>
</div>
<div class="product_r fr">
<h2>建材资讯</h2>
<ul>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
<li><a href="#">贵阳钢材市场7月17日价格行情</a></li>
</ul>
</div>
</div>
<!-- E= 具体信息 -->
<!-- s= 友情连接 -->
<div class="link">
<p class="link_p1">友情连接：百度&nbsp;新浪&nbsp;传智播客&nbsp;搜狐</p>
<p class="link_p2">百度&nbsp;新浪&nbsp;传智播客&nbsp;搜狐</p>
</div>
<!-- e= 友情连接 -->
<!-- S= 关于我们 -->
<div class="aboultMe">
<p>关于我们 | 关于他们 | 关于你们 | 关于传智播客</p>
<p>关于我们 | 关于他们 | 关于你们 | 关于传智播客</p>
<p>本站网络实名: 传智播客</p>
</div>
<!-- E= 关于我们 -->
</body>
</html>

标签： 实战 项目 商城 https://www.jinxiaoliang.cn 复制链接有更多实例

实例下载地址

html/css/js梅兰商城项目实战

不能下载？内容有错？ 点击这里报错 + 投诉 + 提问

好例子网口号：伸出你的我的手 — 分享！

相关软件

相关文章

网友评论

我要评论

发表评论

(您的评论需要经过审核才能显示)

查看所有0条评论>>

小贴士

感谢您为本站写下的评论，您的评论对其它用户来说具有重要的参考价值，所以请认真填写。

  • 类似“顶”、“沙发”之类没有营养的文字，对勤劳贡献的楼主来说是令人沮丧的反馈信息。
  • 相信您也不想看到一排文字/表情墙，所以请不要反馈意义不大的重复字符，也请尽量不要纯表情的回复。
  • 提问之前请再仔细看一遍楼主的说明，或许是您遗漏了。
  • 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦，又没人会搭理，于人于己都无利。

关于好例子网

本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享，对搜索内容的合法性不具有预见性、识别性、控制性，仅供学习研究，请务必在下载后24小时内给予删除，不得用于其他任何用途，否则后果自负。基于互联网的特殊性，平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查；无论平台是否已进行审查，用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场，基于网友分享，根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定，若资源存在侵权或相关问题请联系本站客服人员，点此联系我们。关于更多版权及免责申明参见 版权及免责申明

;
报警