<!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名女学生甩过的红发不良少年樱木花道升入湘北高中之后，对偶然间认识的同年级女生赤木晴子一见钟情。
在晴子的期待下，对篮球规则一窍不通的花道加入到篮球队。在晴子的哥哥——篮球队队长赤木刚宪的严格训练以及对“超级新人”流川枫燃起的对抗意识的驱使下，花道身体中潜藏的才能终于得以显现，同时，他也被篮球这项运动的魅力所征服。
在和强劲的对手陵南�
大学生Web前端静态网页设计期末大作业（高分必看）.zip （30个子文件） 
文件-master 
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
程序员张小妍
- 粉丝: 2w+
最新资源
- 财务会计与信息化数据库管理知识分析系统(1).ppt
- 最新软件二次开发合同(1).docx
- 互联网金融环境下小微企业融资问题研究(1).docx
- 【推荐下载】红狮全新网站发布-产品组合纳入了工业网络(1).pdf
- 加快农机推广信息化建设的对策与策略(1).docx
- c语言课程设计报告歌星大奖赛设计大学论文(1).doc
- 信息化工程要明算账(1).docx
- MindManager软件在小学英语课堂教学中的运用(1).docx
- 浅谈电力财务信息化建设问题及其应对措施(1).docx
- ContextCapture软件快速上手操作指南(1).pdf
- 我国电子商务物流配送模式初探-本科论文(1).doc
- jsp网上书店系统本科学位论文(1)(1).doc
- 工程管理办法jsp(1).docx
- Fragstats软件与景观分析(1).pptx
- 用excel进行随机抽样(1).pdf
- 建筑电气CAD图纸常用符号(图表)(1).doc
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
- 1
- 2
- 3
- 4
前往页