<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>轮播图</title>
<link rel="stylesheet" href="demo.css">
</head>
<body>
<div class="container">
<div class="imgs">
<a href="#" class="active">
<img src="./images/1.jpg" alt="">
</a>
<a href="#">
<img src="./images/2.jpg" alt="">
</a>
<a href="#">
<img src="./images/3.jpg" alt="">
</a>
<a href="#">
<img src="./images/4.jpg" alt="">
</a>
<a href="#">
<img src="./images/5.jpg" alt="">
</a>
<a href="#">
<img src="./images/6.jpg" alt="">
</a>
<a href="#">
<img src="./images/7.jpg" alt="">
</a>
<a href="#">
<img src="./images/8.jpg" alt="">
</a>
</div>
<div class="shades">
<div class="left"></div>
<div class="top"></div>
<div class="right"></div>
<div class="bottom"></div>
</div>
<div class="titles">
<a href="#" class="active">
<div class="title">山水风景</div>
<div class="title2">好看!迷人的山水风景</div>
</a>
<a href="#">
<div class="title">漂亮 自然风光</div>
<div class="title2">唯美的自然风光</div>
</a>
<a href="#">
<div class="title">壮观的山水风景</div>
<div class="title2">好看又壮观的山水风景!</div>
</a>
<a href="#">
<div class="title">奇妙的自然美景</div>
<div class="title2">漂亮的自然山水风景</div>
</a>
<a href="#">
<div class="title">恬静的自然山水</div>
<div class="title2">好看!恬静优美的山水风景</div>
</a>
<a href="#">
<div class="title">蓝色大海风景</div>
<div class="title2">漂亮壮观的蓝色大海风光</div>
</a>
<a href="#">
<div class="title">自然山水风光</div>
<div class="title2">巍峨险峻的山水风景</div>
</a>
<a href="#">
<div class="title">唯美好看的海边风景</div>
<div class="title2">好看唯美的甚蓝大海风光</div>
</a>
</div>
</div>
</body>
</html>
<script src="script.js"></script>
HTML网站首页轮播图.rar
版权申诉
5星 · 超过95%的资源 91 浏览量
2023-11-08
16:32:29
上传
评论
收藏 2.76MB RAR 举报
LilyCoder
- 粉丝: 1115
- 资源: 214
最新资源
- 二叉树7-1-1.cpp
- android 9.0 原生模拟器 签名文件
- 技术面试最后反问面试官的话 校招面试非技术问题有哪些 非技术问题如何回答.png
- NB-IOT-BC26全网通模块Altium+ CADENCE +PADS三种格式(原理图SCH+PCB封装库)文件.zip
- 基于微信小程序开发的校园失物招领系统源码毕业设计(优质项目源码).zip
- 词向量是一种将自然语言中的单词转换为数值向量的技术,它能够捕捉词义和上下文信息
- nmap与masscan的简单使用
- MyBatis动态SQL.pdf
- 基于stm32单片机protues仿真的温湿度控制系统设计(仿真图、源代码)
- 词向量:自然语言处理的基石
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈