HTML5期末大作业：化妆品商城网站设计——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业静态网页

最新推荐文章于 2023-01-09 10:21:05 发布

web领域优质创作者-网页设计

最新推荐文章于 2023-01-09 10:21:05 发布

阅读量3.1k

点赞数 1

分类专栏：大学生毕业设计源码 web期末作业设计网页 HTML5期末大作业文章标签： html5 html css3 javascript css

本文链接：https://blog.csdn.net/m0_46321522/article/details/121521883

版权

HTML5期末大作业：化妆品商城网站设计——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业静态网页

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

1.网页作品简介 ：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++ 等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：化妆品商城网站设计——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业静态网页
获取更多源码
作品介绍
一、作品展示
二、文件目录
三、代码实现
四、获取更多源码
五、学习资料
六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html class="hb-loaded" xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>提交订单</title>
<meta name="generator" content="化妆品 B2B - www.chinahzp.wang">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
<link rel="bookmark" type="image/x-icon" href="images/favicon.ico">
<link rel="archives" title="化妆品[中国]" href="http://chinahzp.wang/archiver/">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link href="css/home_header.css" rel="stylesheet" type="text/css">
<link href="css/base1.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/mall.css"><script src="js/hm.js"></script><script type="text/javascript">window.onerror=function(){
     return true;}</script><script type="text/javascript" src="js/lang.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/page.js"></script>
<script type="text/javascript">
var searchid = 16;


</script>
        <!--[if lt IE 8]>
          <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
            <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' οnclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
            <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
              <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
              <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
                <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>您在使用过时的浏览器</div>
                <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>为了您获得更好的体验，请升级您的浏览器(见右侧列表)!</div>
              </div>
              <div style='width: 75px; float: left;'><a href='http://www.firefox.com.cn' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
              <div style='width: 75px; float: left;'><a href='http://windows.microsoft.com/en-us/internet-explorer/download-ie/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
              <div style='float: left;'><a href='http://www.google.cn/intl/zh-CN/chrome/browser/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
            </div>
          </div>
        <![endif]-->
<script type="text/javascript">
$(function(){
     
//search
var act = "index";
if (act == "store_list"){
     
$("#search").children('ul').children('li:eq(1)').addClass("current");
$("#search").children('ul').children('li:eq(0)').removeClass("current");
}
$("#search").children('ul').children('li').click(function(){
     
$(this).parent().children('li').removeClass("current");
$(this).addClass("current");
$('#search_act').attr("value",$(this).attr("act"));
$('#keyword').attr("placeholder",$(this).attr("title"));
});
$("#keyword").blur();
 
});
</script>
<!--[if IE 7]>
  <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
<![endif]-->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
<![endif]-->
</head>
 
<body>
 
<div class="public-top-layout w">
  <div class="topbar wrapper">
    <div class="user-entry">
            您好，欢迎来到 <a href="index.html" title="首页" alt="首页">中国化妆品网 </a> 【<span id="destoon_member"><span class="f_b" title="批发商">黄金</span> <a href="http://chinahzp.wang/member/line.php" title="在线，点击隐身"><img src="images/user_online.png" align="absmiddle" height="10" width="10"></a> | <a href="http://chinahzp.wang/member/">商务中心</a> | <a href="http://chinahzp.wang/member/member_message.html">站内信(<span class="head_t" id="destoon_message"><strong>1</strong><div style="float:left;"><embed src="images/message_1.swf" quality="high" type="application/x-shockwave-flash" height="0" hidden="true" width="0"></div></span>)</a> | <a href="http://chinahzp.wang/member/chat.php">新对话(<span class="head_t" id="destoon_chat">0</span>)</a> | <a href="http://chinahzp.wang/member/logout.php">退出</a></span>】
           </div>
    <div class="quick-menu">
      <dl>
        <dt><a href="member_order.html" rel="nofollow">我的订单</a><i></i></dt>
        <dd>
          <ul>
            <li><a href="member_order.html?action=order&amp;fields=0&amp;kw=&amp;status=1&amp;fromtime=&amp;totime=&amp;itemid=0&amp;mallid=0&amp;seller=" rel