<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的动漫</title>
<link rel="stylesheet" href="css/dh.css">
<style type="text/css">
* {
margin:0;
padding:0;
}
body, html
{
height: 100%;
}
body {
background-image:url("images/back.jpg") ;
padding:35px 0 0;
margin:auto;
background-size: cover;
background-attachment: scroll;
}
.button{
width: 100px;
height: 30px;
font-weight: bolder;
font-size: larger;
border-radius: 4px;
background-color: #008B8B;
float:left;
}
.comic{
width:1000px;
height:550px;
margin:30px auto;
position:relative;
}
button{
margin-top: -20px;
margin-left: -80px;
width: 80px;
height: 40px;
font-size: larger;
font-weight: bolder;
color: pink;
line-height: 40px;
display:inline-block;
background-color: #008B8B;
padding:0 1em;
}
.sky, img{
float: left;
}
.sky .describe{
width: 250px;
height: 450px;
margin-top: -220px;
float: right;
font-family: 宋体;
font-weight: bold;
font-size: large;
}
.conan img{
float: left;
}
.conan .describe{
width: 250px;
height: 450px;
margin-top: -10px;
font-family: 宋体;
font-weight: bold;
font-size: large;
}
.basketball img{
float: left;
}
.basketball .describe{
width: 650px;
height: 200px;
margin-left: 320px;
font-family: 宋体;
font-weight: bold;
font-size: large;
}
.img1{
width: 360px;
height: 240px;
}
.img2{
width: 360px;
height: 240px;
margin-top: 260px;
margin-left: -360px;
}
.img3{
margin-top: -240px;
margin-left: 400px;
width: 300px;
height: 500px;
}
.img4{
margin-top: -450px;
margin-left: 300px;
width: 300px;
height: 500px;
}
.img5{
margin-top: -500px;
margin-left: 620px;
width: 360px;
height: 240px;
}
.img6{
margin-top: -240px;
margin-left: 620px;
width: 360px;
height: 240px;
}
.img7{
width: 280px;
height: 500px;
}
.img8{
width: 500px;
height: 300px;
margin-left: 350px;
margin-top: -300px;
}
.footer {
height: 50px;
line-height: 40px;
position: relative;
bottom: 0;
width: 100%;
text-align: center;
color: #000;
font-family: Arial;
font-size: 20px;
letter-spacing: 1px;
}
</style>
<script type="text/javascript">
function openSky(){
window.open("https://www.bilibili.com/bangumi/play/ss33343/?from=search&seid=12838870656200383019")
}
function openConan(){
window.open("https://www.bilibili.com/bangumi/play/ss33378/?from=search&seid=6855155027416766123")
}
function openBasketball(){
window.open("https://www.iqiyi.com/v_19rronibdc.html?vfm=2008_aldbd")
}
</script>
</head>
<body>
<input class="button" name="Submit " type="submit" value="返回" onclick="javascript:history.back()" /><br>
<button style="width:120px;margin-left: 50px" id="sky" onclick="openSky()">天气之子</button>
<div class="comic">
<div class="sky">
<img class="img1" src="images/sky1.jpg">
<img class="img2" src="images/sky2.jpg">
<img class="img3" src="images/sky3.jpg">
<div class="describe">
<font size="6" color="red" style="float: left">天气之子</font>
是由<font size="4" color="#ffc0cb">新海诚</font>和<font size="4" color="#ffc0cb">Comix Wave Film</font>执导、负责制作的原创动画电影，
该片讲述了少年帆高与拥有操控天气超能力的少女阳菜之间的奇幻爱情故事。高中一年级的夏天，从离岛离家出走，来到东京的帆高。但是他的生活立马变得穷困，在度过孤独的每一天之后终于找到的工作，是为古怪的超自然杂志撰稿。
如同预示着他接下来的命运一般，连日不断地下雨。此时，在人潮熙熙攘攘的都市一角，帆高遇到了一位少女。
由于某些缘故，少女·阳菜和弟弟两人一起坚强生活。而她，拥有不可思议的能力。
“呐，现在开始就要放晴了哦” 雨逐渐停止，街道笼罩在美丽的光芒中。那是仅仅在心中祈祷，就能让天空放晴的力量。
</div>
</div>
</div>
<button style="margin-left: 130px;width: 150px;" id="conan" onclick="openConan()">名侦探柯南</button>
<div class="comic">
<div class="conan">
<div class="describe">
<font size="6" color="red" style="float: left">名侦探柯南</font>
是改编自<font size="4" color="#ffc0cb">青山刚昌</font>创作的同名漫画作品，于1996年1月8日在读卖电视台首播 。高中生侦探工藤新一和青梅竹马的同学毛利兰一同去游乐园玩的时候，目击了黑衣男子的可疑交易现场。
只顾偷看交易的工藤新一，却忽略了从背后接近的另一名同伙。他被那名男子灌下了毒药，当他醒来时，身体居然缩小了！
如果让那些家伙知道工藤新一还活着的话，不仅性命难保，还会危及身边的人。在阿笠博士的建议下他决定隐瞒身份，在被小兰问及名字时，化名江户川柯南，
为了搜集那些家伙的情报，寄住在父亲以侦探为业的小兰家中。 谜团重重的黑衣组织……他所了解的，就只有他们是以酒的名称作为代号的。
为了揭露那些家伙的真面目，小小侦探江户川柯南的活跃开始了！
</div>
<img class="img4" src="images/conan1.jpg">
<img class="img5" src="images/conan2.jpg">
<img class="img6" src="images/conan3.jpg">
</div>
</div>
<button style="margin-left: 130px;width: 120px;" id="basketball" onclick="openBasketball()">灌篮高手</button>
<div class="comic">
<div class="basketball">
<img class="img7" src="images/basketball1.jpg">
<div class="describe">
<font size="6" color="red" style="float: left">灌篮高手</font>
是日本漫画家<font size="4" color="#ffc0cb">井上雄彦</font>以高中篮球为题材的少年漫画。在初中时期被50名女学生甩过的红发不良少年樱木花道升入湘北高中之后，对偶然间认识的同年级女生赤木晴子一见钟情。
在晴子的期待下，对篮球规则一窍不通的花道加入到篮球队。在晴子的哥哥——篮球队队长赤木刚宪的严格训练以及对“超级新人”流川枫燃起的对抗意识的驱使下，花道身体中潜藏的才能终于得以显现，同时，他也被篮球这项运动的魅力所征服。
在和强劲的对手陵南�
静态网页设计期末大作业.zip （30个子文件） 
大学生静态网页设计期末作业源码前端静态网页大作业源码 
Comic.html 8KB PhotoWall.html 5KB js 
Calendar.js 2KB formCheck.js 2KB Message.html 7KB AboutMe.html 6KB css dh.css 1001B index.html 3KB .gitignore 350B images 
sky3.jpg 978KB photo9.jpg 115KB photo8.jpg 8.86MB photo6.jpg 7.61MB back.jpg 955KB back0.jpg 17KB basketball2.jpg 215KB photo4.jpg 64KB photo2.jpg 102KB conan1.jpg 308KB photo3.jpg 98KB conan3.jpg 116KB conan2.jpg 977KB photo10.jpg 179KB back1.jpg 304KB photo7.jpg 9.28MB basketball1.jpg 88KB photo5.jpg 171KB sky1.jpg 394KB sky2.jpg 365KB photo1.jpg 48KB资源评论
jakerd12212024-11-05资源使用价值高，内容详实，给了我很多新想法，感谢大佬分享~- 2403_832928392024-07-08总算找到了自己想要的资源，对自己的启发很大，感谢分享~
程序员张小妍
- 粉丝: 1w+
- 资源: 3691
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减5.97元 开通VIP
最新资源
- （2025）计算机网络技术考试题库（含答案）.doc
- （2025）监理工程师《合同管理》考试题库及答案.doc
- （2025）辐射安全与防护培训考试题库及答案.docx
- （2025）高压电工考试题库及答案.docx
- （2025）工业机器人技术题库及答案.docx
- （2025）工作票三种人资格工作许可人考试题库及答案.docx
- （2025）工业机器人系统操作员技术及理论知识竞赛试题库(附含答案).docx
- （2025）公司员工疫情防控知识考试题库及答案.docx
- （2025）公文写作基础知识试题库及答案.docx
- （2025）公文筐考试题库及答案.docx
- （2025）公务员结构化面试万能模板.docx
- （2025）公务员考试常用数学公式总结归纳.docx
- （2025）国家基层糖尿病防治管理指南认证考试试题及答案.docx
- （2025）国学经典知识竞赛题库及答案.docx
- （2025）汉字听写大会竞赛试题库及答案（通用版）.docx
- （2025）过程气体事业部产品测试题及答案.docx
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
