<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/index_css.css">
<!-- 要正确引用 Font Awesome 库，可以在 HTML 文件的 <head> 元素内添加如下代码 -->
<!-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"> -->
<!-- <link href="https://netdna.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> -->
<!-- 这个链接使用了 Cloudflare 的 CDN 服务，它会让你的网站更加快速、安全。将此代码放置在 <head> 标签的末尾即可。
还可以下载 Font Awesome 的文件并把它们存储在本地，但是通过 CDN 引用的方式更加方便，因为不需要下载和更新本地文件。 -->
<title>岑家购网站</title>
</head>
<body>
<!-- js专区 -->
<div class="header">
<div class="container">
<a href="index.html"><img src="img/岑家购LOGO.png" alt="Your Logo"></a>
<nav>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">服饰</a></li>
<li><a href="#">家电</a></li>
<li><a href="#">母婴</a></li>
<li><a href="#">数码</a></li>
<li><a href="#">更多</a></li>
<li class="denglu"><a href="login.html">登录/注册</a></li>
</ul>
<div class="search-box">
<input type="text" placeholder="Search...">
<button class="search-button">
搜索
<i class="fal fa-paw-alt"></i>
</button>
<!-- 这里的i是按钮元素中的字体图标（使用了 Font Awesome 提供的图标库），上网搜会有相应的图标，只需要引用<i class="fas fa-search"> -->
</div>
<div class="sub-nav">
<ul>
<li><a href="#">家具</a></li>
<li><a href="#">日用</a></li>
<li><a href="#">食品</a></li>
</ul>
</div>
</nav>
</div>
</div>
<script>// 获取所有 <a> 元素
const links = document.getElementsByTagName('a');
// 遍历每个 <a> 元素
for (let i = 0; i < links.length; i++) {
// 为每个 <a> 元素添加 click 事件监听器
links[i].addEventListener('click', () => {
// 这段代码的意思是将一个指定网页中的元素链接（links[i].href）跳转至当前窗口所指向的网址（window.location.href）
window.location.href = links[i].href;
// 翻译成大白话即：将获取到的【links[i].href】网站赋给【当前页面的网站】，也即【当前网页】跳转到【指定网页】
});
// 箭头函数是ES6新增的一种函数声明方式，其语法形式比传统的function声明更加精简，更容易理解。
// 箭头函数和传统的函数声明写法所执行的操作相同，都是将当前页面跳转到链接指向的href地址。
}
</script>
<div class="slider">
<img src="img/轮播图1.webp" alt="轮播图1">
<img src="img/轮播图2.jpg" alt="轮播图2">
<img src="img/轮播图3.jpg" alt="轮播图3">
<img src="img/轮播图4.webp" alt="轮播图4">
<img src="img/轮播图5.jpg" alt="轮播图5">
</div>
<script>
let slideIndex = 0;
showSlides();
function showSlides() {
let i;
let slides = document.querySelectorAll(".slider img");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1
}
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 3000); // 切换时间为 3 秒
}
</script>
<div class="recommend">
<h2></h2>
</div>
<div class="middle">
<div class="row">
<div class="box">
<img src="img/服饰/服饰1.avif" alt="图片1">
<h3>MLB AIRMAX官方短袖T恤女装2022年新款百搭圆领上衣体恤纯棉半袖 <span class="price">价格：19.99</span></h3>
<p>服饰</p>
</div>
<div class="box">
<img src="img/数码/数码1.avif" alt="图片2">
<h3>Nikon 尼康 Z6 Z7 Z6II Z7II全幅微单相机 全新正品国行 顺丰包邮<span class="price">价格：129.99</span></h3>
<p>数码</p>
</div>
<div class="box">
<img src="img/服饰/服饰2.webp" alt="图片3">
<h3>短袖T男士桑蚕丝中年短袖t恤爸爸夏装纯色高档商务翻领POLO衫体恤<span class="price">价格：29.99</span></h3>
<p>服饰</p>
</div>
<div class="box">
<img src="img/母婴/母婴1.webp" alt="图片4">
<h3>英国伊维诗乐婴儿定型枕透气头型矫正0-1岁新生儿宝宝防偏头枕头<span class="price">价格：39.99</span></h3>
<p>母婴</p>
</div>
<div class="box">
<img src="img/家电/家电6.webp" alt="图片5">
<h3>美的无尘感G4洗地机家用拖吸一体洗拖地吸扫拖三合一吸尘拖地机G5<span class="price">价格：39.99</span></h3>
<p>家电</p>
</div>
<div class="box">
<img src="img/数码/数码2.webp" alt="图片6">
<h3>桌面台式电脑音响笔记本游戏小巧重低音多媒体音箱USB有源音箱<span class="price">价格：39.99</span></h3>
<p>数码</p>
</div>
</div>
<div class="row">
<div class="box">
<img src="img/家电/家电5.avif" alt="图片7">
<h3>迅达燃气热水器零冷水13升16L家用天然气智能恒温官方旗舰店DS828<span class="price">价格：49.99</span></h3>
<p>家电</p>
</div>
<div class="box">
<img src="img/日用/日用1.avif" alt="图片8">
<h3>创意居家居厨房用品用具小百货家用大全好物生活用日用品收纳神器<span class="price">价格：59.99</span></h3>
<p>日用</p>
</div>
<div class="box">
<img src="img/家具/家具1.avif" alt="图片9">
<h3>轻奢商务休闲沙发高档售楼处桌椅酒店大堂办公洽谈接待室双人沙发<span class="price">价格：69.99</span></h3>
<p>家具</p>
</div>
<div class="box">
<img src="img/服饰/服饰3.webp" alt="图片10">
<h3>拼色宽松刺绣白色短袖t恤女2023夏季新款撞色半袖情侣上衣ins潮牌<span class="price">价格：29.99</span></h3>
<p>服饰</p>
</div>
<div class="box">
<img src="img/服饰/服饰4.avif" alt="图片11">
<h3>棕色正肩短袖t恤女2023新款夏季小众设计感美式复古上衣半袖女款<span class="price">价格：29.99</span></h3>
<p>服饰</p>
</div>
<div class="box">
<img src="img/数码/数码3.webp" alt="图片12">
<h3>艾特铭客金刚6蓝牙音箱户外K歌无线便携式小音响大音量60W双喇叭<span class="price">价格：29.99</span></h3>
<p>数码</p>
</div>
</div>
<div class="row">
<div class="box">
<img src="img/母婴/母婴2.webp" alt="图片13">
<h3>幼蓓花息拉拉裤尿不湿轻薄透气干爽新生婴儿男女宝宝纸尿裤 乐友<span class="price">价格：79.99</span></h3>
<p>母婴</p>
</div>
<div class="box">
<img src="img/数码/数码4.avif" alt="图片14">
<h3>小米Redmi Pad红米平板官方旗舰正品二合一5电脑46爱派五i<span class="price">价格：89.99</span></h3>
<p>数码</p>
</div>
<div class="box">
<img src="img/家具/家具2.avif" alt="图片15">
<h3>德国outoon儿童学习桌书桌可升降实木课桌家用小学生写字桌椅套装<span class="price">价格：99.99</span></h3>
<p>家具</p>
</div>
<div class="box">
<img src="img/母婴/母婴3.webp" alt="图片21">
<h3>coolbaby折叠婴儿床新生儿可移动拼接大床便携式多功能摇篮宝宝床<span class="price">价格：109.99</span></h3>
<p>母婴</p>
</div>
<div class="box">
<img src="img/家电/家电4.avif" alt="图片22">
<h3>东芝鲜饭煲多功能家用IH智能小型日本电饭煲3L蒸煮饭锅小2-3-4人<span class="price">价格：119.99</span></h3>
<p>家电</p>
</div>
<div class="box">
<img src="img/家具/家具3.avif" alt="图片23">
web代码，自己的作业，发这里以免某一天电脑被删了，啥都没了
需积分: 0 3 浏览量
2023-11-28
22:12:58
上传
评论
收藏 4.44MB ZIP 举报
岑家购.zip （76个子文件） 
岑家购 
register.html 4KB js 
register.js 1KB img 
轮播图2.jpg 40KB 数码 数码7.avif 53KB 数码6.avif 25KB 数码2.webp 81KB 数码1.avif 7KB 数码5.avif 35KB 数码4.avif 39KB 数码3.webp 33KB 文化局.avif 5KB 轮播图5.jpg 48KB oAAzAt21zACkfApAe8h6OHE7vCCIvkpgF29cuA_tplv-dy-aweme-images_q75.webp 76KB
浙江公安图标.png 1KB 老化无障碍图标.png 6KB 12315平台.avif 3KB 举报中心.avif 2KB 服饰 服饰9.webp 72KB 服饰7.webp 44KB 服饰8.avif 9KB 服饰4.avif 25KB 服饰10.avif 15KB 服饰5.avif 31KB 服饰6.webp 30KB 服饰3.webp 33KB 服饰2.webp 89KB 服饰1.avif 15KB 日用 日用6.avif 24KB 日用8.avif 22KB 日用9.avif 20KB 日用7.avif 26KB 日用2.avif 28KB 日用3.webp 50KB 日用5.webp 88KB 日用4.webp 45KB 日用1.avif 5KB 轮播图1.webp 27KB 食品 食品6.avif 23KB 食品3.avif 26KB 食品5.avif 18KB 食品7.webp 169KB 食品4.avif 61KB 食品2.avif 56KB 食品1.webp 125KB 浙江省物联网.avif 3KB 扫黄打非.avif 1013B 食品局图标.avif 2KB 母婴 母婴2.webp 71KB 母婴1.webp 103KB 母婴4.avif 19KB 母婴6.avif 23KB 母婴5.avif 25KB 母婴3.webp 64KB 岑家购LOGO.png 8KB 轮播图4.webp 55KB 家电 家电5.avif 23KB 家电6.webp 40KB 家电3.webp 42KB 家电1.avif 16KB 家电2.webp 85KB 家电4.avif 24KB 网信认证.png 30KB 背景图.jpeg 1.85MB 家具 家具3.avif 36KB 家具1.avif 11KB 家具6.jpg 110KB 家具7.avif 21KB 家具4.avif 30KB 家具5.webp 64KB 家具2.avif 28KB 轮播图3.jpg 100KB css index_css.css 12KB register.css 3KB login.css 5KB login.html 9KB index.html 34KB资源评论
岑梓铭
- 粉丝: 515
- 资源: 3
