<!DOCTYPE html>
<? ob_start();?>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-title" content="instap">
<!-- 网站图标 -->
<link rel="icon" href="/photos/orange.png">
<!-- 网站标题 -->
<title>永久导航页</title>
<!-- 引用外部CSS文件 -->
<link href="assets/m.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="assets/style.css">
<style>
/* 项目样式 */
.item {
transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out
}
.item:hover {
transform:scale(1.05);
opacity:0.9
}
.modal {
display:none;
position:fixed;
z-index:1;
padding-top:60px;
left:0;
top:0;
width:100%;
height:100%;
overflow:auto;
background-color:rgb(0,0,0);
background-color:rgba(0,0,0,0.4)
}
.modal-content {
margin:5% auto;
padding:20px;
border:1px solid #888;
width:80%;
max-width:700px
}
.close {
color:#aaa;
float:right;
font-size:28px;
font-weight:bold
}
.close:hover,.close:focus {
color:black;
text-decoration:none;
cursor:pointer
}
.web_notice {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.3);
z-index:99999
}
.web_notice_content {
position:fixed;
top:50%;
left:50%;
width:550px;
background:#FFF;
transform:translate(-50%,-50%);
border-radius:40px;
padding:50px 40px
}
.web_notice h3 {
font-weight:bold;
text-align:center;
font-size:30px
}
.web_notice p {
font-size:16px;
margin-top:26px;
line-height:30px;
color:#999
}
.web_notice a {
display:block;
background:#98a3ff;
color:#FFF;
text-align:center;
font-weight:bold;
font-size:19px;
line-height:60px;
margin:0 auto;
margin-top:45px;
border-radius:32px;
width:100%
}
@media (max-width:600px) {
.web_notice_content {
width:90%;
padding:30px 20px
}
.web_notice h3 {
font-size:24px
}
.web_notice a {
font-size:16px;
line-height:50px
}
}</style>
</head>
<div id="app">
<div class="header">
<div class="banner">
<!-- 网站Logo -->
<div class="logo">
<img src="/assets/tx.png" alt="">
</div>
</div>
<!-- 作者名称 -->
<div class="author-name">引导页</div>
<!-- 描述 -->
<p class="desc">永久引导页 </p>
</div>
<!-- 主要内容 -->
<div class="body">
<!-- 导航标签列表 -->
<div class="tab-list">
<div class="tab-item zy">
<span class="text">导航</span>
</div>
<div class="tab-item lx">
<span class="text">联系</span>
</div>
<div class="tab-item dh">
<span class="text">动态</span>
</div>
</div>
<!-- 应用列表1 -->
<div class="app-list a1">
<a href="https://www.dkewl.com" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/yx.png" alt="">
</div>
<p class="app-name">游戏合集</p>
</div>
</a>
<a href="https://www.dkewl.com" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/gj.png" alt="">
</div>
<p class="app-name">软件工具教程</p>
</div>
</a>
<a href="#" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/flyy.png" alt="">
</div>
<p class="app-name">游戏修改器</p>
</div>
</a>
<a href="https://www.dkewl.com" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/ipa.png" alt="">
</div>
<p class="app-name">IPA软件/视距</p>
</div>
</a>
<a href="#" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/adobe.png" alt="">
</div>
<p class="app-name">Adobe全家桶</p>
</div>
</a>
<a href="https://www.dkewl.com" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/ym.png" alt="">
</div>
<p class="app-name">刀客源码网</p>
</div>
</a>
<a href="#" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/tv.png" alt="">
</div>
<p class="app-name">影视剧</p>
</div>
</a>
<a href="https://www.dkewl.com" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/bz.png" alt="">
</div>
<p class="app-name">壁纸图片</p>
</div>
</a>
</div>
<!-- 应用列表2 -->
<div class="app-list a2">
<a href="javascript:void(0);" class="item" style="opacity: 1;" onclick="showModal('/photos/vx.jpg')">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/微信.png" alt="">
</div>
<p class="app-name">我的微信</p>
</div>
</a>
<a href="javascript:void(0);" class="item" style="opacity: 1;" onclick="showModal('/photos/QQ.jpg')">
<div class="content-wrap">
<div class="img-wrap">
<img src="/photos/QQ图标.png" alt="">
</div>
<p class="app-name">我的QQ</p>
</div>
</a>
</div>
<!-- 应用列表3 -->
<div class="app-list a3">
<a href="#" class="item"target=”_blank”style="opacity: 1;">
<div class="content-wrap">
<div class="img-wrap">
<img src="https://img.imdodo.com/dodo/96d003baecb91bf72243ec7dfec9aa56.png" alt="">
</div>
<p class="app-name">主页</p>
</div>
</a>
</div>
</div>
</div>
<!-- 网站弹窗通知 -->
<div class="web_notice">
<div class="web_notice_content">
<h3
PHP最新好看UI个人引导页网页源码.zip （25个子文件） 
daohang assets 
style.css 9KB
zy.png 3KB dh.png 5KB lx.png 4KB m.css 6KB tx.png 67KB yinghua.js 62KB photos gj.png 3KB 暂停.png 11KB
vx.jpg 0B 播放.png 10KB yx.png 5KB bz.png 3KB tv.png 4KB 微信.png 9KB adobe.png 4KB flyy.png 25KB orange.png 4KB QQ图标.png 8KB ym.png 4KB QQ.jpg 0B TX.jpg 299KB ipa.png 4KB bj.png 125KB index.php 10KB资源评论
小徐博客
- 粉丝: 2192
最新资源
- 全国计算机等考试二Access笔试试题及答案.doc
- cad在土木工程设计应用中的优劣探讨.doc
- 图书管理系统的设计与实现(数据库).doc
- 网络信息技术推动企业财务管理变革与应用研究.docx
- 实验二网络课程研究设计与开发.doc
- VB图书管理完整源程序.doc
- IPv4网络协议问题研究200802010236宋进进.doc
- 网络摄像机超市监控方案-公共场所其他.docx
- 展望21世纪土木工程设计中计算机技术的应用.doc
- 市政工程项目管理施工中的进度控制概要.doc
- PHP-MySQL美发店收银系统设计方案与实现.doc
- 电冰箱制造企业网络集成项目规划与实施王三.doc
- “721”人才培养模式下C语言程序设计方案学习兴趣的构建.doc
- (源码)基于TensorFlow的Vision Transformer图像分类项目.zip
- 统计建模与R软件课后参考答案.docx
- 《机器学习全面解析：四十讲系统课程》
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
