HTML网页设计结课作业~橙色时尚服装购物商城模板html源码
临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大?HTML网页作业无从下手?网页要求的总数量太多?没有合适的模板?等等一系列问题。你想要解决的问题,在这篇博文中基本都能满足你的需求~
原始HTML+CSS+JS页面设计, web大学生网页设计作业源码,~这是一个不错的网页制作,画面精明,非常适合初学者学习使用。
作品介绍
这是一款仿蘑菇街商城网站,里面包括前后台设计,采用了懒加载技术,当用户往下浏览是,商品继续加载
此作品为学生个人主页网页设计题材,代码为简单学生水平 html+css 布局制作,作品下载后可使用任意HTML编辑软件(例如:DW、HBuilder、NotePAD, Vscode 所有编辑器均可使用)
网页作品布局方面:网页布局整体为LOGO、导航、轮播图、主体内容布局。子页面多种布局,兴趣爱好内容使用图片列表布局,成绩页面插入了表格,联系我们使用图片对齐方式设置了左对齐。
网页作品技术方面:使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。 首页制作了留言表单,同时简单使用JavaScript制作了表单判断(提交时表单不能为空)
空)
文章目录
一、作品演示
二、代码目录
三、代码实现
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta http-equiv=X-UA-Compatible content=IE=8/>
<title>蘑菇街</title>
<link rel="stylesheet" href="./css/normalize.css" type="text/css" />
<link rel="stylesheet" href="./css/font-awesome.min.css" type="text/css" />
<link rel="stylesheet" href="./css/bootstrap.css" type="text/css" />
<!-- <link rel="stylesheet" href="./css/index.css" type="text/css" media="screen and (min-width:1000px)"/> -->
<!-- <link rel="stylesheet" href="./css/ipa.css"type="text/css"media="screen and (min-width:700px) and (max-width:999px)"/> -->
<link rel="stylesheet" href="./css/index.css" type="text/css" />
<script src="./js/jquery-1.7.2.js"></script>
<script src="./js/jquery-1.11.3.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src="./js/究极の版.js"></script>
<script src="./js/jQueryRotate.js"></script>
<script src="./js/snowfall.jquery.js"></script>
</head>
<body>
<!--侧边菜单栏开始-->
<div class="mgj_rightbar" data-ptp="_sidebar" style="right: 0px;">
<!--空的右侧边栏-->
<div id="mgj_rightbar_top_blank" class="mgj_rightbar_960"></div>
<!--方便定margin的空dediv-->
<div id="mgj_rightbar_blank_div"></div>
<!--购物车-->
<div id="my-cart" class="sidebar-item mgj-my-cart" data-label="1" style="left: 0px;">
<a href="#">
<i class="s-icon"></i>
<div class="s-txt">购物车</div>
<div class="num" style="display: none;">