<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="03上轮播图.css">
<link rel="stylesheet" href="03上导航.css">
<script src="jQuery.min.js"></script>
<link rel="stylesheet" href="03宫崎骏动画轮播.css">
<link rel="stylesheet" href="03其他布局样式.css">
<style>
</style>
</head>
<body>
<div class="box">
<div class="banner">
</div>
<ul class="ul0">
<a href="01login.html"><li class="bannerli">登录页面</li></a>
<a href="04.个人主页.html"><li class="bannerli">个人简介</li></a>
<a href="05恋爱那些事.html"><li class="bannerli">灵魂伴侣</li></a>
<a href="06你的人格类型.html"><li class="bannerli">人格类型</li></a>
<a href="07亲情.html"><li class="bannerli">亲人羁绊</li></a>
<a href=""><li class="bannerli">友谊线络</li></a>
<a href=""><li class="bannerli">成长历程</li></a>
</ul>
<div class="wrap">
<ul class="list">
<li class="item active"></li>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
<li class="item"></li>
<button class="btn" id="goPre"></button>
<button class="btn" id="goNext"></button>
</ul>
<ul class="pointList">
<li class="point active" data-index='0'></li>
<li class="point" data-index='1'></li>
<li class="point" data-index='2'></li>
<li class="point" data-index='3'></li>
<li class="point" data-index='4'></li>
</ul>
</div>
<script src="03上轮播图.js"></script>
<div class="head">
<p class="word" style="font-size: 25px;">
本页导航
</p>
<span style="color: pink;">........................................</span>
<br>
<ul>
<li>
<p class="word"><a href="">导航可到各页面</a> </p>
</li>
<li>
<p class="word"><a href="">轮播图点击可看视频</a> </p>
</li>
<li>
<p class="word"><a href="">各页面正门入口</a> </p>
</li>
<li>
<p class="word"><a href="">宫崎骏治愈动漫点播</a> </p>
</li>
<li>
<p class="word"><a href="">源码地址及更多</a> </p>
</li>
</ul>
</div>
<div class="box0">
<div class="box1">
<div class="box11">
<img src="Photo/37看书女生.jpg" alt="" id="rabbit">
<br>
<div class="word2">
<font style="color:pink;"> ID:5720191601</font>
<br><br>
<font style="color:violet;">个签:心理委员</font>
<br><br>
<strong>99w 99w 99w </strong>
<br>
雨衣 星子 心心
<br> <br>
<a href="04.个人主页.html">>进入个人主页< </a>
</div>
</div>
<div class="box12" id="box12">
<a href="05恋爱那些事.html">
<img src="Photo/38花子君恋爱图.jpg" alt="">
<p class="p1" id="pp1">彼此的摆渡人... </p>
<div class="word">
<p class="p2" id="p1">恋爱就是这般神奇而带有神秘的色彩,可以让人心猿意马,也可以让人痛苦难纾,而恋爱更多的时候是甜蜜愉悦的,所以很多人才向往爱情。</p>
</div>
</a>
</div>
<div class="box13" id="box13">
<a href="06你的人格类型.html">
<img src="Photo/39九型人格图片.jpg" alt="">
<p class="p1" id="pp2"> 你的人格类型... </p>
<div class="word">
<p class="p2" id="p2">九型人格是一种认识人、了解人的管理工具。它具有两方面的作用:一是自我了解,知道我们哪些地方可以改善;二是了解别人,如何更有效地与他人沟通。</p>
</div>
</a>
</div>
</div>
<br><br>
<div class="box2">
<div class="box21">
<a href="07亲情.html">
<img src="Photo/310朝花夕拾原生家庭.jpg" alt="">
<p class="p1">爱的教育... </p>
<div class="word">
<p class="p2">经纱是那流逝的光阴,四季逡巡,尽染层云。纬纱是这人世的浮沉,举步踏堙,荡漾心灵。妖尔夫的子民,只是一心织下昔日,百年不移,究其一生。</p>
</div>
</a>
</div>
<div class="box22">
<a href="">
<img src="Photo/311风平浪静的明日.png" alt="">
<p class="p1">七月与安生... </p>
<div class="word">
<p class="p2">恋爱就是这般神奇而带有神秘的色彩,可以让人心猿意马,也可以让人痛苦难纾,而恋爱更多的时候是甜蜜愉悦的,所以很多人才向往爱情。</p>
</div>
</a>
</div>
<div class="box23">
<a href="">
<img src="Photo/312阅读.jpg" alt="">
<p class="p1">一个人的朝圣... </p>
<div class="word">
<p class="p2">恋爱就是这般神奇而带有神秘的色彩,可以让人心猿意马,也可以让人痛苦难纾,而恋爱更多的时候是甜蜜愉悦的,所以很多人才向往爱情。</p>
</div>
</a>
</div>
</div>
</div>
<script>
$(".p1").mouseenter(function () {
$(this).next("div").children('p').fadeIn(1000)
})
$(".p1").mouseleave(function () {
$(this).next("div").children('p').fadeOut(1000)
})
</script>
<div class="box3">
<ul>
<li class="lilb current"><a href=""><img src="Photo/313千寻大.jpg" alt="" class="big">
<img src="Photo/314千寻小.jpg" alt="" class="small"></a></li>
<li class="lilb"><a href=""><img src="Photo/317猫大.jpg" alt="" class="big">
<img src="Photo/318猫小.jpg" alt="" class="small"></a></li>
<li class="lilb"><a href=""><img src="Photo/315魔女大.jpg" alt="" class="big">
<img src="Photo/316魔女小.jpg" alt="" class="small"></a></li>
<li class="lilb"><a href=""><img src="Photo/319鱼大.jpg" alt="" class="big">
<img src="Photo/320鱼小.jpg" alt="" class="small"></a></li>
</ul>
<audio id="music1" controls="controls" autoplay="autoplay" preload id="music1" hidden>
<!-- <source src="/Audio/01紫罗兰ED.mp3"/> -->
</audio>
<!-- 播放音乐 -->
</div>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
心理树洞匿名论坛_网页设计大作业.zip (66个子文件)
资料总结
05恋爱那些事.html 6KB
02logining.css 424B
02logining.html 2KB
04布局样式.css 2KB
Photo
73mama.jpg 19KB
74mama.jpg 17KB
316魔女小.jpg 31KB
37看书女生.jpg 32KB
38花子君恋爱图.jpg 36KB
35哈尔.gif 674KB
55椿与鲲.jpg 37KB
57椿与湫.jpg 7KB
56椿和鹏.jpg 30KB
41个人主页背景.jpg 32KB
315魔女大.jpg 29KB
320鱼小.jpg 13KB
58椿与湫1.jpg 37KB
唯美光之背景.jpg 256KB
317猫大.jpg 33KB
053椿.jpg 31KB
05摆渡人.jpg 51KB
42风铃女孩.jpg 135KB
微信logo.png 13KB
QQ邮箱.png 52KB
61九型人格.png 92KB
77背景.gif 664KB
21神奇蛋动图.gif 356KB
52上导航背景.jpg 82KB
qqlogo.png 16KB
311风平浪静的明日.png 420KB
313千寻大.jpg 23KB
72mama.jpg 16KB
62抱熊.jpg 191KB
32天空之城.gif 1.67MB
54湫.jpg 13KB
百花女孩.jpg 55KB
43我的大头照1.png 458KB
319鱼大.jpg 30KB
34变瘦.gif 946KB
314千寻小.jpg 59KB
318猫小.jpg 21KB
312阅读.jpg 38KB
33萤火之森.gif 996KB
31好看导航图女孩.jpg 273KB
310朝花夕拾原生家庭.jpg 20KB
71mama.jpg 35KB
63背景.jpg 283KB
github.png 44KB
09导航.gif 372KB
36朝花夕誓.gif 2.58MB
39九型人格图片.jpg 24KB
01login.html 2KB
01login.css 1KB
03宫崎骏动画轮播.css 559B
07亲情.html 2KB
jQuery.min.js 87KB
06你的人格类型.html 4KB
03其他布局样式.css 3KB
Audio
01紫罗兰ED.mp3 4.55MB
text.md 149B
03上轮播图.css 2KB
04.个人主页.html 3KB
03上轮播图.js 2KB
03上导航.css 841B
Video
06秒懂九型人格.mp4 3.67MB
03menus.html 10KB
共 66 条
- 1
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Python的酒店评论情感分析源码+文档(高分项目).zip
- meta-llama-3-8b-instruct 的 model-00003-of-00004.safetensors 的3/3
- nginx配置文件,注意其中需要对应宿主机的路径
- 自用数据集自用数据集自用数据集
- HTML5小游戏【堆雪人-优秀H5小游戏合集】游戏源码分享下载 - epicsnowman.zip
- SNMP Client 是SNMP测试工具
- Android Camera内存统计脚本
- AD9220高速数据芯片硬件参考设计原理图+STM32F103单片机驱动程序代码+芯片技术手册资料.zip
- 常用爆破用户名字典top500
- meta-llama-3-8b-instruct 的 model-00003-of-00004.safetensors 的2/3
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功