<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>购物网站项目</title>
<!-- 引入的初始化css -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/jquery.fullPage.css">
<!-- 引入自己的css文件 -->
<link rel="stylesheet" href="css/myPage.css">
<!-- 这是一个jQuery插件，所以先引入jQuery -->
<script src="js/jquery.min.js"></script>
<!-- 如果想要easing缓动动画，那就引入easing.js -->
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<!-- 引入自己的js文件 -->
<script src="js/myPage.js"></script>
</head>
<body>
<!-- 直接进入 -->
<a href="#" class="go">
<img src="images/t1ldiffkjfxxxzhxzd-101-101.png" alt="" />
</a>
<!-- 下一屏幕 -->
<a href="javascript:;">
<img src="images/next.png" alt="" class="next next_updown">
</a>
<div id="fullpage">
<!-- 第一屏幕制作 -->
<div class="section section1">
<img src="images/t1wsqsfgnaxxxmjxp6-470-50.png" alt="" class="fly updown" />
<img src="images/t1xccqfflgxxxild.png" class="shirt01 shirt-updown" alt="" />
<img src="images/t1iakufbxxxxctz4tl-824-274.png" class="goods" alt="" />
</div>
<!-- 第二屏幕制作 -->
<div class="section section2">
<div class="computer">
<div class="search">
<img src="images/search-words.png" class="search-words" alt="">
</div>
<img src="images/search-02-1.png" alt="" class="search-02-1">
<!-- 沙发 -->
<img src="images/goods-441-218.png" alt="" class="goods-02">
<img src="images/shirt-02-207-166.png" class="shirt-02" alt="">
<!-- 白色底盒子用来遮挡沙发 -->
<div class="cover"></div>
</div>
<img src="images/words-01-361-25.png" alt="" class="words-01">
<img src="images/words-02.png" class="words-02" alt="">
</div>
<!-- 第三屏幕制作 -->
<div class="section section3">
<div class="main">
<div class="select">
<img src="images/img-01.gif" class="img" alt="">
<img src="images/img-01-a.gif" class="img img-01-a" alt="">
<img src="images/btn-01.gif" class="btn" alt="">
<img src="images/btn-01-a.gif" class="btn btn-01-a" alt="">
</div>
<!-- 沙发 -->
<img src="images/shirt-02-207-166.png" class="shirt-03" alt="">
<img src="images/t1f.png" class="t1f" alt="">
</div>
</div>
<!-- 第四屏幕制作 -->
<div class="section section4">
<img src="images/cloud.png" class="cloud cloud-back1" alt="">
<img src="images/words-04.png" class="word" alt="">
<img src="images/words-04-a.png" class="word words-04-a" alt="">
<!-- 购物车 -->
<div class="car move">
<img src="images/t1f.png" class="car-img" alt="">
<img src="images/car.png" alt="">
</div>
<div class="note move">
<img src="images/t1sqosfx8bxxa9wx_i-173-47.png" class="note-img" alt="">
<img src="images/t1.png" alt="">
</div>
</div>
<!-- 第五屏幕制作 -->
<div class="section section5">
<img src="images/words-05.png" class="words-05" alt="">
<img src="images/card-05.png" class="card-05" alt="">
<img src="images/order-05.png" class="order-05" alt="">
<img src="images/t1f.png" class="t1f-05" alt="">
<!-- 用一个和整个屏幕般大的盒子包裹鼠标和小手 -->
<div class="overFlow">
<img src="images/mouse-05.png" class="mouse" alt="">
<img src="images/mouse-05-a.png" class="mouse mouse-05-a" alt="">
<img src="images/hand-05.png" class="hand-05" alt="">
</div>
</div>
<!-- 第六屏幕制作 -->
<div class="section section6">
<img src="images/box.png" class="box-06" alt="">
<img src="images/car-06.png" class="car-06" alt="">
<img src="images/cloud-06.png" class="cloud-06" alt="">
<img src="images/88.png" class="pop-06" alt="">
<img src="images/man.png" class="boy" alt="">
<img src="images/women.png" class="girl" alt="">
<img src="images/door.png" class="door" alt="">
<img src="images/t1kzyqffnexxbcrepj-139-173.png" class="pop-07" alt="">
<img src="images/words-06-a.png" class="words-06-a" alt="">
</div>
<!-- 第七屏幕制作 -->
<div class="section section7">
<div class="star"></div>
<img src="images/good-07.png" alt="" class="good-07">
</div>
<!-- 第八屏幕制作 -->
<div class="section section8">
<a href="#" class="beginShoping">
<img src="images/btn-08.png" alt="">
<img src="images/btn-08-a.gif" alt="" class="btn-08-a">
</a>
<img src="images/again.png" class="again" alt="">
<img src="images/hand-08.png" class="hand-08" alt="">
</div>
</div>
</body>
</html>
fullpage大屏购物商城项目.zip （72个子文件） 
fullpage.js购物商城项目 js 
myPage.js 8KB jquery.fullPage.min.js 26KB jquery.easing.1.3.js 8KB jquery.min.js 93KB css jquery.fullPage.css 5KB myPage.css 8KB base.css 3KB
index.html 6KB images 
t1dvj.fn0gxxb0_fua-2500-600.png 39KB t12pksfedaxxx51i3j-389-156.png 5KB ksgw.png 11KB main.png 16KB btn-08.png 4KB man.png 14KB again.png 2KB t1xccqfflgxxxild.png 18KB search-02-1.png 5KB t1kzyqffnexxbcrepj-139-173.png 5KB
t1znypfhxdxxcubi7j-389-160.gif 12KB img-01.gif 3KB hand-08.png 3KB words-04-a.png 4KB t1hkqrfa8fxxc9v57_-10-10.png 204B cloud.png 3KB women.png 3KB words-06-a.png 8KB card-05.png 5KB t1ulasfmldxxbheta4-105-34.png 2KB 88.png 5KB words-04.png 5KB box.png 604B t1wf1tfctaxxa3gmkg-2000-1500.png 152KB door.png 797B t1iakufbxxxxctz4tl-824-274.png 22KB next.png 3KB t1.png 2KB search-words.png 4KB search.png 487B order-05.png 2KB btn-08-a.gif 12KB btn-01-a.gif 667B car.png 6KB shirt-02-207-166.png 56KB t1iresfnxaxxca6rfn-2000-600.png 20KB good-07.png 1KB t1lg0.png 4KB t1mswrfxrcxxcfez7j-389-160.png 4KB t1nrgqfalfxxbhn6zx-878-71.png 1KB words-01-361-25.png 7KB t1fpyqfltdxxaiulhh-990-600.png 28KB t1wforfkxcxxbl8tyr-93-56.png 7KB t1itqrfarexxc9v57_-10-10.png 209B t1yisqfa4exxa3gmkg-2000-1500.png 162KB
upgrade.jpg 55KB mouse-05.png 7KB t1ldiffkjfxxxzhxzd-101-101.png 5KB t1zdgpfi8exxca6rfn-2000-600.png 17KB t1wsqsfgnaxxxmjxp6-470-50.png 10KB cloud-06.png 1KB words-05.png 8KB t10.png 238B btn-01.gif 668B goods-441-218.png 84KB star.png 2KB img-01-a.gif 4KB car-06.png 3KB hand-05.png 3KB loader.gif 9KB t1sqosfx8bxxa9wx_i-173-47.png 5KB mouse-05-a.png 7KB t1f.png 65KB words-02.png 3KB资源评论
helloReact
- 粉丝: 0
- 资源: 68
最新资源
- 基于Spring Boot + Vue 3.2 + Vite 4.3开发的前后端分离博客项目源代码.zip
- Go语言基础知识到高级应用全面解析
- 毕业设计前后端分离博客项目源代码.zip
- E008 库洛米（3页）.zip
- 前端拿到的列表数据里id都一样的处理办法.txt
- 批量导出多项目核心目录工具
- 课程设计前后端分离博客项目源代码.zip
- C#语言教程：面向对象与高级编程技术全面指南
- PHP语言详细教程：从基础到实战
- 电影管理系统，数据库系统概论大作业
- Web开发中JavaScript编程语言的全面解析
- ajax发请求示例.txt
- 企业数据管理系统项目源代码.zip
- 计算机技术-JAVA语言介绍-基本语法(上)
- 基于西门子 PLC 的晶圆研磨机自动控制系统设计与实现-论文
- 家庭理财系统源代码+答辩PPT+论文.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
