HTML5期末大作业:化妆品商城网站设计——化妆品商城-功能齐全(43页) HTML+CSS+JavaScript web大作业 静态网页_web领域优质创作者-网页设计的博客-程序员秘密

技术标签: css  web期末作业设计网页  html5  大学生毕业设计源码  HTML5期末大作业  html  css3  javascript  

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(源文件),基本期末作业所需的知识点全覆盖。

一、作品展示

在这里插入图片描述
在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现


<!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="nofollow">待付款订单</a></li>
            <li><a href="member_order.html?action=order&amp;fields=0&amp;kw=&amp;status=3&amp;fromtime=&amp;totime=&amp;itemid=0&amp;mallid=0&amp;seller=" rel="nofollow">待确认收货</a></li>
            <li><a href="member_order.html?action=order&amp;fields=0&amp;kw=&amp;status=4&amp;fromtime=&amp;totime=&amp;itemid=0&amp;mallid=0&amp;seller=" rel="nofollow">成功交易</a></li>
          </ul>
        </dd>
      </dl>
      <dl>
        <dt><a href="http://chinahzp.wang/member/favorite.php" rel="nofollow">我的收藏</a><i></i></dt>
        <dd>
          <ul>
            <li><a href="http://chinahzp.wang/member/favorite.php" rel="nofollow">商机收藏</a></li>
            
          </ul>
        </dd>
      </dl>
      <dl>
        <dt>客户服务<i></i></dt>
        <dd>
          <ul>
            <li><a href="http://chinahzp.wang/about/" rel="nofollow">帮助中心</a></li>
            <li><a href="http://chinahzp.wang/about/" rel="nofollow">售后服务</a></li>
            <li><a href="http://chinahzp.wang/about/" rel="nofollow">客服中心</a></li>
          </ul>
        </dd>
      </dl>
            <dl>
        <dt>站点导航<i></i></dt>
        <dd>
          <ul>
                        <li><a target="_blank" href="index.html" rel="nofollow">资讯频道</a></li>
                        <li><a target="_blank" href="index.html" rel="nofollow">社区圈子</a></li>
                        <li><a target="_blank" href="index.html" rel="nofollow">微商城</a></li>
                        <li><a target="_blank" href="index.html" rel="nofollow">商城首页</a></li>
                      </ul>
        </dd>
      </dl>
                    <dl class="weixin">
        <dt>关注我们<i></i></dt>
        <dd>
          <h4>扫描二维码<br>
            关注商城微信号</h4>
          <img src="images/18-01-43-98-1.jpg" rel="nofollow"> </dd>
        </dl>
         </div>
  </div>
</div>
<script type="text/javascript">
//动画显示边条内容区域
$(function() {
      
$(function() {
      
$('#activator').click(function() {
      
$('#content-cart').animate({
      'right': '-250px'});
$('#content-compare').animate({
      'right': '-150px'});
$('#ncToolbar').animate({
      'right': '-60px'}, 300,
function() {
      
$('#ncHideBar').animate({
      'right': '59px'},300);
});
        $('div[nctype^="bar"]').hide();
});
$('#ncHideBar').click(function() {
      
$('#ncHideBar').animate({
      
'right': '-79px'
},
300,
function() {
      
$('#content-cart').animate({
      'right': '-250px'});
$('#content-compare').animate({
      'right': '-250px'});
$('#ncToolbar').animate({
      'right': '0'},300);
});
});
});
    $("#compare").click(function(){
      
    if ($("#content-compare").css('right') == '-210px') {
      
    loadCompare(false);
    $('#content-cart').animate({
      'right': '-210px'});
     $("#content-compare").animate({
      right:'50px'});
    } else {
      
    $(".close").click();
    $(".chat-list").css("display",'none');
        }
});
    $("#rtoolbar_cart").click(function(){
      
        if ($("#content-cart").css('right') == '-210px') {
      
         $('#content-compare').animate({
      'right': '-210px'});
    $("#content-cart").animate({
      right:'50px'});
    if (!$("#rtoolbar_cartlist").html()) {
      
    $("#rtoolbar_cartlist").load('index.php?act=cart&op=ajax_load&type=html');
    }
        } else {
      
        $(".close").click();
        $(".chat-list").css("display",'none');
        }
});
$(".close").click(function(){
      
$(".content-box").animate({
      right:'-210px'});
      });
$(".quick-menu dl").hover(function() {
      
$(this).addClass("hover");
},
function() {
      
$(this).removeClass("hover");
});
 
    $('a[nctype="close-barLoginBox"]').click(function(){
      
        $('div[nctype="barLoginBox"]').toggle();
    });
    });
</script> 
<!-- PublicHeadLayout Begin -->
<div class="header-wrap">
  <header class="public-head-layout wrapper">
    <h1 class="site-logo"><a href="index.html"><img src="images/logo.png" class="pngFix" title="中国化妆品网" alt="化妆品中国"></a></h1>
<div class="head-app"><span class="pic"></span>
      <div class="download-app">
       <div class="qrcode"><img src="images/mb_app.htm" rel="nofollow"></div>
        <div class="hint">
          <h4>扫描二维码</h4>
          下载手机客户端</div>
        <div class="addurl">
                        <a href="order.html?itemid=25&amp;s1=0&amp;s2=0&amp;s3=0" target="_blank" rel="nofollow"><i class="icon-android"></i>Android</a>
                                    <a href="order.html?itemid=25&amp;s1=0&amp;s2=0&amp;s3=0" target="_blank" rel="nofollow"><i class="icon-apple"></i>iPhone</a>
                        </div>
      </div>
    </div>
<script type="text/javascript">var searchid = 16;</script>
<div class="head-search-bar search-form ">
<!--商品和店铺-->
<form id="destoon_search" action="list.htmlsearch.php" class="search-form" onsubmit="return Dsearch();">
<input name="moduleid" value="16" id="destoon_moduleid" type="hidden">
<input name="spread" value="0" id="destoon_spread" type="hidden">
<div id="search">
      <ul class="tab">
        </ul> 
      <input name="kw" id="destoon_kw" class="input-text" value="请输入关键词" onfocus="if(this.value=='请输入关键词') this.value='';" onkeyup="STip(this.value);" autocomplete="off" type="text">
        <input value="搜索" class="input-submit" type="submit"> </div>
      </form>
  <!--搜索关键字-->
      <div class="keyword">热门搜索: <ul>
                   
<li><a href="list.htmlsearch.php?kw=%E9%98%B2%E6%99%92" rel="nofollow">防晒</a></li>
 
<li><a href="list.htmlsearch.php?kw=%E9%9D%A2%E8%86%9C" rel="nofollow">面膜</a></li>
 
<li><a href="list.htmlsearch.php?kw=%E6%B4%97%E9%9D%A2%E5%A5%B6" rel="nofollow">洗面奶</a></li>
 
<li><a href="list.htmlsearch.php?kw=%E5%85%B6%E4%BB%96" rel="nofollow">其他</a></li>
 
<li><a href="list.htmlsearch.php?kw=%E5%8C%96%E5%A6%86%E5%93%81" rel="nofollow">化妆品</a></li>
 
<li><a href="list.htmlsearch.php?kw=%E5%8C%96%E5%A6%86" rel="nofollow">化妆</a></li>
 
<li><a href="list.htmlsearch.php?kw=Mistine" rel="nofollow">Mistine</a></li>
 
<li><a href="list.htmlsearch.php?kw=%E9%9F%A9%E5%9B%BD" rel="nofollow">韩国</a></li>
                  </ul>
      </div>
 </div>
    <div class="head-user-menu">
      <dl class="my-mall">
 <dt><span class="ico"></span><a href="http://chinahzp.wang/member/my.php?mid=5&amp;action=add" rel="nofollow">发布货源</a></dt>       
      </dl>
      <dl class="my-cart">
         <dt><span class="ico"></span><a href="cart.html" rel="nofollow">购物车</a> (<span class="head_t" id="destoon_cart">0</span>)</dt>      </dl>
    </div>
  </header>
</div>
<!-- PublicHeadLayout End -->
<!-- publicNavLayout Begin -->
<nav class="public-nav-layout ">
  <div class="wrapper">
    <div class="all-category">
      
      <div class="title"><i></i>
        <h3><a href="http://chinahzp.wang/sitemap/">全部分类</a></h3>
        </div> 
 </div>
     <ul class="site-menu">
      <li><a href="index.html">首页</a></li>
    <li><a href="list.html" class="current">一件代发专区</a></li><li><a href="sell.html">找货源</a></li><li><a href="buy.html">看求购</a></li><li><a href="company.html">批发商</a></li><li><a href="invest.html">招代理</a></li><li><a href="brand.html">品牌汇</a></li><li><a href="news.html">资讯圈</a></li>     </ul>
  </div>
</nav>
<style type="text/css">
.head-app {
       display: none; }
.public-nav-layout {
       width: 1000px; }
.public-nav-layout .site-menu {
       max-width: 788px;}
.wrapper {
       width: 1000px !important; }
.no-content {
       font: normal 16px/20px Arial, "microsoft yahei"; color: #999999; text-align: center; padding: 150px 0; }
</style>
<div class="m b10">&nbsp;</div><script type="text/javascript">var errimg = 'http://chinahzp.wang/skin/shangshop/image/nopic50.gif';</script>
<div class="m">
<div class="left_box">
<div class="pos">
您的位置: <a href="index.html">首页</a> 
» <a href="list.html">一件代发专区</a>
» 提交订单
</div>
<div class="b10">&nbsp;</div>
<form method="post" action="order.html" onsubmit="return check();">
<input name="submit" value="1" type="hidden">
<div>
<div class="f_r" style="padding:10px 50px 0 0;"><a href="cart.html" class="b">返回购物车重新挑选</a></div>
&nbsp;&nbsp;<img src="images/buy_1.gif" alt="" height="30" width="160"> 
</div>
<div style="margin:10px 40px 10px 40px;" class="c_b">
<table bgcolor="#E4E4E4" cellpadding="6" cellspacing="1" width="100%">
<tbody><tr align="center" bgcolor="#EEEEEE">
<td width="60">图片</td>
<td>商品</td>
<td width="60">库存</td>
<td width="60">价格</td>
<td width="100">数量</td>
<td width="60">物流</td>
<td width="60">运费</td>
<td width="90">小计</td>
    <td width="90">现金券可用</td>
</tr>
<tr align="center" bgcolor="#FFFFFF">
<td><a href="list.htmlshow-25.html" target="_blank"><img src="images/13-27-35-94-1.jpg" alt="bynanda来自星星的你彩妆正品 口红防水不掉色唇彩" onerror="this.src=errimg;" width="50"></a></td>
<td style="/* line-height:24px; */color:#666666;" align="left">
<a href="list.htmlshow-25.html" target="_blank" class="b" title="bynanda来自星星的你彩妆正品 口红防水不掉色唇彩">bynanda来自星星的你彩妆正品 口红防水不..</a><br>
<img src="images/vip_1.gif" alt="一站通" title="一站通:1级" align="absmiddle"> <a href="http://chinahzp.wang/m/xileimaoyi/" target="_blank">上海曦蕾贸易有限公司</a>
<div style="padding:3px 0 3px 0;">备注:<input name="post[25-0-0-0][note]" size="20" style="border:#CCCCCC 1px solid;" maxlength="100" title="限100字以内" type="text">&nbsp;
<a href="http://chinahzp.wang/member/chat.php?touser=xileimaoyi&amp;mid=16&amp;itemid=25" target="_blank" rel="nofollow"><img src="images/online_002.gif" title="点击交谈/留言" alt="" onerror="this.src=DTPath+'file/image/web-off.gif';" align="absmiddle"></a>&nbsp;<a href="http://amos.alicdn.com/msg.aw?v=2&amp;uid=%E6%B1%9F%E6%95%8F%E8%95%BE&amp;site=cnalichn&amp;s=6&amp;charset=UTF-8" target="_blank" rel="nofollow"><img src="images/online.gif" title="点击旺旺交谈/留言" alt="" onerror="this.src=DTPath+'file/image/ali-off.gif';" onload="if(this.width>20)this.src=SKPath+'image/ali-off.gif';" align="absmiddle"></a>&nbsp;</div>
品牌:bynanda&nbsp;</td>
<td>1500<span class="dsn" id="amount_25-0-0-0">1500</span></td>
<td><span class="f_price" id="price_25-0-0-0">3.50</span></td>
<td><img src="images/arrow_l.gif" alt="减少" class="c_p" onclick="alter('25-0-0-0', '-')" height="8" width="16"> <input name="post[25-0-0-0][number]" value="1" size="3" class="cc_inp" id="number_25-0-0-0" onblur="calculate();" type="text"> <img src="images/arrow_r.gif" alt="增加" class="c_p" onclick="alter('25-0-0-0', '+')" height="8" width="16"><span class="dsn" id="amount_25-0-0-0">1500</span></td>
<td>
<select name="post[25-0-0-0][express]" id="express_25-0-0-0" onchange="calculate();Dd('receive').value=this.options[selectedIndex].innerHTML;">
<option selected="selected" value="1">快递</option></select>
<input id="fee_start_25-0-0-0_1" value="10.00" type="hidden">
<input id="fee_step_25-0-0-0_1" value="0.00" type="hidden">
<input id="fee_start_25-0-0-0_2" value="0.00" type="hidden">
<input id="fee_step_25-0-0-0_2" value="0.00" type="hidden">
<input id="fee_start_25-0-0-0_3" value="0.00" type="hidden">
<input id="fee_step_25-0-0-0_3" value="0.00" type="hidden">
</td>
<td><span class="f_price" id="fee_25-0-0-0">10.00</span></td>
<td><span class="f_price" id="total_25-0-0-0">13.50</span></td>
    <td><span style="display: none;" id="percent_25-0-0-0">0.00</span><span class="f_price" id="cashcoupon_25-0-0-0">0.00</span></td>
</tr>
</tbody></table>
<div class="b10">&nbsp;</div>
<div class="cart_foot" style="text-align:left;">
        <span class="f_r">共选中 <span class="f_red f_b px16" id="total_good">1</span> 种商品&nbsp;&nbsp;&nbsp;&nbsp; 总价:<span class="f_red f_b px16" id="total_amount">13.50</span><br> <br>可使用现金券: <span class="f_red f_b px16" id="total_cashcoupon_usable">0.00</span><br> <br><input name="use_cashcoupon" id="use_cashcoupon" checked="checked" onclick="calculate_cc();" type="checkbox">使用现金券   (可用余额:<span class="f_red f_b" id="cashcoupon_balance" name="cashcoupon_balance">0.00</span> 元)
<br> <br>最终需要支付: <span class="f_red f_b px16" id="total_needpay">13.5</span></span>
&nbsp;&nbsp;提示:实际的运费可能因为收货地址的不同而有差异,具体以提交之后系统计算或与卖家协商为准<br><br>
    &nbsp;&nbsp;在本店领取的优惠券:
                <select name="couponid" id="couponid" onchange="calculate_cc();">
            <option selected="selected" value="0">选择要使用的优惠券</option>
                    </select>
        </div>
</div>
if(Dd('express_'+itemid).value > 0) {
var fee = parseFloat(Dd('fee_start_'+itemid+'_'+Dd('express_'+itemid).value).value) + parseFloat(Dd('fee_step_'+itemid+'_'+Dd('express_'+itemid).value).value)*(num-1);
Dd('fee_'+itemid).innerHTML = fee.toFixed(2);
Dd('total_'+itemid).innerHTML = (good+fee).toFixed(2);
_good += fee;
}
        _cashcoupon += cashcoupon;
_good += good;
}
Dd('total_amount').innerHTML = _good.toFixed(2);
    Dd('total_cashcoupon_usable').innerHTML = _cashcoupon.toFixed(2);

calculate_cc();
}
function calculate_cc(){
var cashc_balance = parseFloat(Dd('cashcoupon_balance').innerHTML);
var total_amount = parseFloat(Dd('total_amount').innerHTML);
var total_cc_usable = parseFloat(Dd('total_cashcoupon_usable').innerHTML);

var coupons = new Array();
var coupon_id = Dd('couponid').value;
if(coupon_id > 0){
total_amount = total_amount - coupons[coupon_id];
}
if(Dd('use_cashcoupon').checked){
if(cashc_balance > total_cc_usable){
Dd('total_needpay').innerHTML = (total_amount- total_cc_usable);
}else{
Dd('total_needpay').innerHTML = total_amount- cashc_balance;
}
}else{
Dd('total_needpay').innerHTML = total_amount ;
}
}
calculate();</script>
<br>
<div id="faq">
<div id="footer" class="wrapper">
  (c)2014-2015 CHINAHZP.WANG SYSTEM All Rights Reserved.<br>
  Powered by <span><a href="index.html" target="_self" title="化妆品批发">中国化妆品网</a></span>  | <a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">苏ICP备14028353号-3</a><br>
   </div>
<script type="text/javascript">
var destoon_userid = 35;
var destoon_username = 'hjl416148489';
var destoon_message = 1;
var destoon_chat = 0;
var destoon_cart = substr_count(get_cookie('cart'), ',');
var destoon_member = '';
destoon_member += '<span class="f_b" title="批发商">黄金</span> <a href="http://chinahzp.wang/member/line.php" title="在线,点击隐身"><img src="js/image/user_online.png" width="10" height="10" align="absmiddle"/></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>'+sound('message_1')+'</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>';
$('#destoon_member').html(destoon_member);
$('#destoon_cart').html(destoon_cart ? '<strong>'+destoon_cart+'</strong>' : 0);
$('#back2top').click(function() {
      
$("html, body").animate({
      scrollTop:0}, 200);
});
</script>
<div style="display:none;"><script>
var _hmt = _hmt || [];
(function() {
      
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?d4a56a89b79f7e34b6b8f7001c8f9055";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
</div> 

</div></body></html>


四、获取更多源码

PC电脑端关注我们

五、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站
在这里插入图片描述


六、更多源码

HTML5期末考核大作业源码* 包含 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!
在这里插入图片描述

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m0_46321522/article/details/121521883

智能推荐

C++多线程快速入门(三):生产者消费者模型与条件变量使用_拾牙慧者的博客-程序员资料

互斥锁完成#include &lt;iostream&gt;#include &lt;deque&gt;#include &lt;thread&gt;#include &lt;mutex&gt;std::deque&lt;int&gt; q;std::mutex mtx;static void produce(int val) { while(val--) { std::unique_lock&lt;std::mutex&gt; guard(mtx);

如何区分机器人大类的GH和GG_zhangrelay的博客-程序员资料

自动驾驶属于机器人大类方向,“开源”自动驾驶方案Apex.AI使用了ROS1和ROS2。现在(2022年)不论是公众号还是博客,都大量涉入GG,有个人推广也有企业宣传。但是GH有时候太干了,没法消化吸收,所以各种辅助(GG)也会出来ROS机器人只推荐:docs.ros.org>>>docs.ros.org<<<

SDF(Signed-distance-field: 有向距离场)(12): Shadow And AO(WebGL实现)增强立体感_含影的博客-程序员资料

Demo1:http://www.artvily.com/sdf?sample=codeDemo&amp;clip=shadowAndAO3Demo2:http://www.artvily.com/sdf?sample=codeDemo&amp;clip=shadowAndAO2AO(Ambient Occlusion) 中文翻译为环境遮蔽, 这个功能可以在渲染中有效增强立体感。可...

c 追加字符串_【C语言更新】C语言中字符串的操作_weixin_39897746的博客-程序员资料

文/Edward在C语言的实际使用中,很多时候会去使用指针传递一些字符串,而C语言中也有很多关于字符串处理的库函数给大家来使用,只要在使用的时候包含头文件“string.h”就可以使用它们了。接下来的内容中,我们将使用之前学习过的内容自己写一些代码来实现几个这些库函数可以提供给我们的功能,实现完成之后,再介绍相应的库函数。字符串长度的测量一说到长度的测量,很多人脑中第一时间就会联想到...

在VSCode中配置Python运行环境__Naive_的博客-程序员资料

很多时候只需要写一些小脚本,就十几二十行的样子,打开PyCharm什么的太费劲了,可以考虑用VSCode便捷开发。在VSCode中只需要配置好launch,json就可以按F5进行调试了。 打开launch.json:调试 &amp;gt;&amp;gt; 打开配置 修改 pythonpath 词条:&quot;version&quot;: &quot;0.2.0&quot;, &quot;configurations&quot;: [ ...

Hadoop使用lzo压缩并支持分片_xiaoxiongaa0的博客-程序员资料

[[email protected] hive-1.1.0-cdh5.7.0]$ which lzop/bin/lzop[[email protected] data]$ lzop -v page_views_big.dat[[email protected] data]$ ls -lahtotal 1.4Gdrwxrwxr-x 2 hadoop hadoop 4.0K Apr ...

随便推点

TCP的滑动窗口算法_ly695908698的博客-程序员资料_tcp滑动窗口协议与窗口大小的计算

IP层协议属于不可靠的协议,IP层并不关系数据是否发送到了对端,TCP通过确认机制来保证数据传输的可靠性。 它本质上是描述接收方的TCP数据报缓冲区大小的数据,发送方根据这个数据来计算自己最多能发送多长的数据,如果发送方收到接收方的窗口大小为0的TCP数据报,那么发送方将停止发送数据,等到接收方发送窗口大小不为0的数据报的到来假设A和B之间新建立了一条TCP连接。设备A需要传送一长串数...

tensorflow1.0安装_淡淡的id的博客-程序员资料

TensorFlow 1.0 发布,更快、更灵活、更方便!(含峰会主题演讲视频)就是看到这篇文章,看完视频就有点想了解,接着去官网和中文网,看了介绍和MNIST机器学习入门,嗯,看完了,接着就是入火海了,各种坑。 TensorFlow是谷歌基于DistBelief进行研发的第二代人工智能学习系统,其命名来源于本身的运行原理。Tensor(张量)意味着N维数组,Flow(流)意味着基于数据流图的计

64位ubuntu16.04安装Android Studio_yolanda_dawn的博客-程序员资料

ubuntu64位下安装jdk,sdk,android studio,要想正确运行程序,还要安装32位库a32-libs

MFC CScrollView鼠标拖拽移动滚动条出现回滚问题_u011995435的博客-程序员资料

MFC CScrollView鼠标拖拽移动滚动条出现回滚问题问题分析:逻辑视图较大的时候(10w),使用鼠标拖拽移动滚动条时(单击不会回滚),会在32000左右回滚到0。看到熟悉的32000,应该是在获取滚动条位置时,出现了短字节数据转换到长字节数据时出现的精度丢失问题,通过debug单步调试,发现函数调用层次如下:滚动条位置nPos数据,通过函数一层层的转换和计算后传递到SetScrollP...

2019年CCPC网络赛 HDU 6703 array【权值线段树】_weixin_30488313的博客-程序员资料

题目大意:给出一个n个元素的数组A,A中所有元素都是不重复的[1,n]。有两种操作:1.将pos位置的元素+1e72.查询不属于[1,r]中的最小的&gt;=k的值。强制在线。题解因为数组中的值唯一,且在1到n的范围内,而询问的r和k也在1到n的范围内。 所以对于任意一个被操 作1修改过的值都不会成为询问的答案,而询问的结果也必然在k到n+1的范围内。 因为没有被修改过 值是唯一的,...

flutter踩坑记录(二)--基本使用及原生flutter交互篇_努力为明天的博客-程序员资料

flutter踩坑记录目录flutter踩坑记录(一)--项目准备阶段 https://blog.csdn.net/hjr365708064/article/details/95454939flutter踩坑记录(三)-- 项目打包https://blog.csdn.net/hjr365708064/article/details/95473183通过上一篇的踩坑记录(一),我...

推荐文章

热门文章

相关标签