html--酷炫背景引导主页

最新推荐文章于 2024-07-20 18:10:58 发布
最新推荐文章于 2024-07-20 18:10:58 发布
阅读量465 收藏 9
点赞数 10
分类专栏： html 文章标签： html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/stqer/article/details/139544007
版权

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述


<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<title>ZZVIPS酷炫背景引导主页</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" href="css/style.css">
	<link rel="shortcut icon" href="images/ds.png" type="images/x-icon">
</head>

<body>
	<div class="centerBox">
		<div class="header"></div>
		<div class="center-list">
			<div class="centerBody">
				<img src="images/ds.png" />
				<!-- <p class="btn-p">
						<a href="wxy" target="_blank" title="wxy">wxy</a>
						<a href="wxy" target="_blank" title="wxy">wxy</a>
						<a href="wxy" target="_blank" title="wxy">wxy</a>
					</p> -->
				<!-- 第一个 -->
			
				<ul >
					<!-- 预选类名：class="main-list" -->
					<li class="main-item main-itemHover">
						<div class="infoBlockWrap infoBlockWrap-easeMaintain">
							<div class="wrapBg"></div>
							<div class="infoBlock infoBlock-fasico">
								<div class="bg"></div>
								<div class="infoIcon"></div>
								<div class="infoWrap">
									<div class="info-title">ZZVIPS</div>
									<div class="info-desc">稳定运行3年 发布各类免费资源</div>
									<a class="set_button raised hoverable button" href="http://www.zzvips.com/">
										<i class="anim"></i>
										<span>点我前往</span>
									</a>
								</div>
							</div>
							<div class="infoBlock infoBlock-normal">
								<div class="bg"></div>
								<div class="infoWrap">
									<div class="info-title">ZZVIPS</div>
									<div class="info-desc">稳定运行3年 发布各类免费资源</div>
								</div>
							</div>
						</div>
						<div class="infoBlock-name">
							ZZVIPS
						</div>
					</li>
					<!-- 第二个 -->
					<li class="main-item main-itemHover">
						<div class="infoBlockWrap infoBlockWrap-listedBrand">
							<div class="wrapBg"></div>
							<div class="infoBlock infoBlock-fasico infoBlock-fasico-mulLine">
								<div class="bg"></div>
								<div class="infoIcon infoIcon-superSevice"></div>
								<div class="infoWrap">
									<div class="info-title">拓航网络</div>
									<div class="info-desc">3折服务器 香港云服务器</div>

									<a class="set_button raised hoverable button" href="http://www.tuohang.net/">
										<i class="anim"></i>
										<span>点我前往</span>
									</a>
								</div>
							</div>
							<div class="infoBlock infoBlock-normal">
								<div class="bg"></div>
								<div class="infoWrap ">
									<div class="info-title">拓航网络</div>
									<div class="info-desc">3折服务器 香港云服务器</div>
								</div>
							</div>
						</div>
						<div class="infoBlock-name">
							拓航网络
						</div>
					</li>
					<!-- 第三个 -->
					<li class="main-item main-itemHover">
						<div class="infoBlockWrap infoBlockWrap-easeMaintain">
							<div class="wrapBg"></div>
							<div class="infoBlock infoBlock-fasico infoBlock-fasico-mulLine">
								<div class="bg"></div>
								<div class="infoIcon infoIcon-funcRich"></div>
								<div class="infoWrap">
									<div class="info-title">聚站网</div>
									<div class="info-desc">免费收录各类优秀网站</div>

									<a class="set_button raised hoverable button" href="http://www.juzhan.com.cn/">
										<i class="anim"></i>
										<span>点我前往</span>
									</a>
								</div>
							</div>
							<div class="infoBlock infoBlock-normal">
								<div class="bg"></div>
								<div class="infoWrap">
									<div class="info-title">聚站网</div>
									<div class="info-desc">免费收录各类优秀网站</div>
								</div>
							</div>
						</div>
						<div class="infoBlock-name">
							聚站网
						</div>
					</li>
				</ul>
				<!-- 结束 -->
				
				<p class="txt-w">
					<font style="color: #ffffff;font-size:12px;letter-spacing: 11px;font-weight: 100;padding-left:  20px;">
						敢于想象&nbsp;&nbsp;敢于创造</font>
				</p>
			</div>
		</div>
		<div class="footer">
			<div class="center-footer">
				<p class="banquan">备案号 FreeShow Copyright © www.zzvips.com. All Rights Reserved</p>
			</div>
		</div>
	</div>
	<embed height="0" width="0" src="audio/赵雷 - 理想.mp3"></embed>
</body>
<script src='js/simplex-noise.min.js'></script>
<script src="js/index.js"></script>

</html>
fo安方
关注
  • 10
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
HTML炫酷视频背景-小毅博客
weixin_46660180的博客
01-07 1614
HTML全屏视频背景炫酷-小毅博客
酷炫的个人动态引导介绍页源码
www_5438xiazai的博客
05-07 952
简介： 在某站扒下来的动态引导页，小红旗像雪花一样飘落，背景可切换，十分酷炫，喜欢的朋友可以拿着它做自己的网站引导页。 网盘下载地址： http://kekewangLuo.cc/N6ut8kiY1kt0 图片：
炫酷个人引导页主页自适应HTML源码
banzhuan678的博客
10-11 3364
简介： 炫酷个人引导页主页自适应HTML源码，个人引导页，手机自适应，头像用的是QQ头像API，修改自己的QQ即可。可获取访问者IP地址上传主机即可用，内容可在index.html里面修改 网盘下载地址： http://kekewangLuo.cc/XwP6EybF3Ho0 图片： ...
HTML背景带视频的个人炫酷引导页源码
erthre的博客
12-07 1250
一款简洁大气得个人团队引导HTML单页，非常不错，LOGO支持自行更改替换，可以拿来做为团队官网也可以个人，只是单页没有后台。
酷炫背景引导主页,酷炫背景引导主页
06-08
在IT行业中，网页设计是至关重要的一环，而酷炫背景引导主页则是提升用户体验、吸引用户注意力的有效手段。本文将深入探讨HTML（超文本标记语言）如何用于创建具有酷炫背景的引导主页，以及相关的实现技术和设计策略...
黑色酷炫科技背景404网页模板-源码.rar
03-19
优化用户体验，通过友好的报错信息和引导，减少用户流失。 前端源码，易于部署和维护，可快速融入任何现有网站架构中。 使用我们的404错误页面模板，不仅能够提升用户黏性，更能展现您对细节的关注和专业度。让...
红色酷炫引导页面
02-12
【红色酷炫引导页面】是一款精心设计的网页元素，它主要用作网站的首页，以吸引用户注意力并提供良好的用户体验。这款引导页面以其独特的红色调和动态效果为特点，能够瞬间抓住访问者的目光，增强品牌识别度。在设计...
HTML5炫酷动画效果的网站引导页.rar
07-10
2. `<video>`和`<audio>`元素：虽然在这个描述中没有明确提及，但HTML5的媒体元素也可以用来增强用户体验，比如背景音乐或视频。 3. `data-*`属性：用于自定义数据存储，可以为JavaScript提供额外的信息，用于驱动...
jquery酷炫的QQ浏览器引导页动画代码
09-04
《jQuery实现的酷炫QQ浏览器引导页动画代码详解》 在网页设计中，引导页（Splash Screen）常常被用于展示产品的特色或者引导用户了解新功能，以提升用户体验。本篇文章将深入探讨如何利用jQuery库创建一个酷炫的QQ...
Web开发：四角线框效果（HTML、CSS、JavaScript）
m0_65029152的博客
07-17 887
本文主要记录前端给图片动态添加四角线框的相关内容和实现过程；
C# Word转换HTML（附在线转换工具）
学习和分享
07-17 981
根据你的具体需求（如是否需要Microsoft Office、性能要求、成本考虑等），你可以选择使用或Aspose.Words来将Word文档转换为HTML。如果你正在寻找一个不依赖于Microsoft Office的解决方案，并且需要更多的灵活性和控制，那么Aspose.Words可能是一个更好的选择。
Html_Css问答集(11)
白话魔法师
07-16 850
html与css学习中的一些疑问，问答中轻松获取知识。
每日60秒新闻早报单页文字版HTML源码
2401_86030425的博客
07-17 271
每日60秒新闻早报单页文字版的，这个很早就有了，最近有用户问我这个怎么实现，其实很简单的只是一个单页而已，这个是PHP版的会将头部图片缓存到本地然后在展示可防止接口信息泄露。
第一章、算法中的时间复杂度分析
最新发布
Zjs15630471263的博客
07-20 671
想必打算学习算法的同学听说过这样一个概念：程序≈数据结构+算法。其中数据结构是实现程序的基本框架。而运用算法就是优化程序执行时间或空间上的必要措施。即寻找一个方法使程序的性能达到最优解。
JQuery+HTML+JavaScript：实现地图位置选取和地址模糊查询
踏雨歌青春，诗酒趁年华
07-20 4271
本文详细讲解了如何使用 `JQuery+HTML+JavaScript` 实现移动端页面中的地图位置选取功能。本文逐步展示了如何构建基本的地图页面，如何通过点击地图获取经纬度和地理信息，以及如何实现模糊查询地址并在地图上标注。最后，提供了完整的代码示例，并总结了基于地图API进行地图位置选点的开发过程，帮助开发者快速上手并应用到实际项目中。
html基础知识学习
m0_56363537的博客
07-16 804
html基础知识了解，笔记测试使用，仅供参考
六边形动态特效404单页HTML源码
爱酷码的博客
07-17 1330
动态悬浮的六边形，旁边404文字以及跳转按钮，整体看着像科技二次元画风，页面简约美观，可以做网站错误页或者丢失页面，将下面的代码放到空白的HTML里面，然后上传到服务器里面，设置好重定向即可
写一个背景是酷炫星空的登录页html
04-15
这个登录页的背景是一张酷炫的星空图片，登录表单的样式也非常简洁明了。如果您需要修改样式或添加其他元素，可以根据上述代码进行修改。 希望这个回答能够帮到您，如果您还有其他问题，欢迎随时向我提问！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

fo安方

觉得俺的文章还行，感谢打赏，爱

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值