214. 大学生HTML5期末大作业 ―【Bootstrap框架手机电子购物商城wap模板(7页)】 Web前端网页制作 html5+css3+js

本实例为移动端网页，应用html5+css3+js：图片轮翻、无缝滚动插件、鼠标滑动特效、搜索、登录等。响应式自适应网页，可以根据不同的设备屏幕大小自动调整页面布局，提高用户体验；本网页支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改；支持包括IE、Firefox、Chrome、Safari主流浏览器浏览。

二、网页文件

本网页共包含7个页面：

三、网页效果

以下是本篇文章正文内容，下面案例仅供参考（节选示例）：

四、代码展示

1.html

<!DOCTYPE html>
<html>
<head>
<script charset="utf-8" src="js/jquery.min.js?v=01291"></script>
<script charset="utf-8" src="js/global.js?v=01291"></script>
<script charset="utf-8" src="js/bootstrap.min.js?v=01291"></script>
<script charset="utf-8" src="js/template.js?v=01291"></script>

<div class="container">
       <div class="row">
<div id="slide">
<div class="hd">
<ul><li class="on">1</li><li class="on">2</li><li class="on">3</li></ul>
</div>
<div class="bd">
<div class="tempWrap" style="overflow:hidden; position:relative;">
   <ul style="width: 3840px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 200ms; transform: translateX(-768px);">
   &nb