<!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>
心理树洞匿名论坛-网页设计大作业.zip
版权申诉
51 浏览量
2023-10-19
18:33:04
上传
评论
收藏 19.22MB ZIP 举报
心理树洞匿名论坛_网页设计大作业.zip （67个子文件） 
My-big-job-master 
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 ss.md 0B text.md 149B 03上轮播图.css 2KB 04.个人主页.html 3KB 03上轮播图.js 2KB 03上导航.css 841B Video 
06秒懂九型人格.mp4 3.67MB 03menus.html 10KB资源评论
天天501
- 粉丝: 606
- 资源: 4665
最新资源
- ST3007SRG-VB一款SOT23封装P-Channel场效应MOS管
- 资源专区-课程设计-编程作业-【docker配置使用】资源&&详细讲解使用
- 基于microPython开发单片机实现utf-8转gb2312
- kmp算法的C语言实现项目源代码课设.zip
- dbeaver-ce-24.1.0
- 资源专区-小白必看-通信仿真资源-傅里叶变换、滤波器、FFT等经典算法
- 计算机毕设论文&作业&学习资料&项目源码&教程-基于深度学习的图像识别系统
- 小红书整体框架玩法 pdf
- javaweb管理系统软件设计与分析期末大作业.zip
- mongodb-linux-x86-64-rhel70-4.0.28.tgz
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
