计算机｜网页设计｜鬼灭之刃动漫主题｜作品分享_鬼灭之刃网页制作链接资源-CSDN文库

共19个文件

png：8个

html：4个

jpg：4个

网页设计

网页游戏

期末设计

5星 · 超过95%的资源需积分: 5 200 浏览量 2023-04-23 17:47:18 上传评论 1 收藏 5.8MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

鬼灭之刃动漫的设计与实现.rar （19个子文件）

鬼灭之刃动漫的设计与实现

jquery-1.11.1.min.js 127KB

css

css.css 3KB

function

gongneng.html 4KB

index.html 4KB

images

jd.jpg 433KB

news_02.jpg 267KB

m4.png 384KB

m2.png 283KB

01.jpg 641KB

logo.png 2KB

m1.png 363KB

ms.png 63KB

m3.png 343KB

news_01.jpg 300KB

xw.png 443KB

ls.png 432KB

gm.mp4 1.93MB

product

product.html 4KB

contact

lianxi.html 1KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8">  <link type="text/css" rel="stylesheet" href="css/css.css" />  <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <title>鬼灭之刃动漫-首页</title> </head> <body> <div class="wrapin"> <ul class="nav clearfix"> <li><a href="index.html">首页</a></li> <li><a href="function/gongneng.html">网站功能</a></li> <li><a href="product/../product/product.html">产品介绍</a></li> <li><a href="contact/../contact/lianxi.html">联系信息</a></li> </ul>  <div class="content"> <hr /> <div height="67" align="center" valign="middle"><video width="auto" height="480" controls="controls" autoplay="autoplay"> <source type="video/mp4" src="images/gm.mp4" /> </div> <div class="clearfix"> <div class="banner"> <img src="images/logo.png" /></div> <div class="title">鬼灭之刃动漫</div> <div><a href="https://baike.baidu.com/item/%E9%AC%BC%E7%81%AD%E4%B9%8B%E5%88%83/22588603?fr=aladdin" target="_blank">友情链接鬼灭之刃</a></div> <br /> <div class="text_box"> 电视动画片《鬼灭之刃》改编自吾峠呼世晴创作的同名漫画作品，于2018年6月4日在《周刊少年JUMP》2018年6月第27号上发表了动画化的消息 [1] 。该系列由ufotable负责制作，第1期“灶门炭治郎立志篇”于2019年4月6日—2019年9月28日播出，全26集，后该期亦被分段做成剧场版上映 [36] ；第2期“游郭篇”于2021年12月5日 [13] 至2022年2月13日 [31] 播出，全11集；第3期“锻刀村篇”于2022年2月13日宣布制作消息，播出时间待定。 </div>  <div class="pic_box"> <img src="images/01.jpg" width="300px" /> </div> </div>  <div class="news_box"> <div class="title">角色介绍</div> <ul> <li class="clearfix"> <a href="#"> <div class="pic"><img src="images/news_01.jpg" /></div> <div class="text"> <h2>灶门炭治郎</h2> <p> 灶门炭治郎配音：花江夏树（日）、星潮（中）心地善良的少年。为了使得变成鬼的妹妹重新变成人类、为了替家人报仇而加入了狩鬼组织鬼杀队。嗅觉灵敏，能够分辨出鬼以及对方的要害等。 </p> </div> </a> </li> <li class="clearfix"> <a href="#"> <div class="pic"><img src="images/news_02.jpg" /></div> <div class="text"> <h2>灶门祢豆子</h2> <p> 灶门祢豆子配音：鬼头明里（日）、沈念如（中）炭治郎的妹妹。和其他的家人一样被鬼袭击，鬼的血液进入伤口而变成了鬼。为了从敌人那里保护炭治郎和其他人而行动。在变成鬼之前，是一个为家人着想的心平气和的少女。 </p> </div> </a> </li> </ul> </div> </div>  <footer> <P>版权所有: 学号：XX 姓名：XX 班级：XX </P> </footer> </div> </body> <script> window.onload = function() { //第一个幻灯 var pic_lis = document.getElementById('b_pic').getElementsByTagName('li'); var an_lis = document.getElementById('b_an').getElementsByTagName('li'); an_lis[0].style.background = '#b31114'; var c = 0; function h_slide() { c++; if (c == pic_lis.length) { c = 0; } for (var i = 0; i < pic_lis.length; i++) { pic_lis[i].style.display = 'none'; an_lis[i].style.background = '#86939b'; } pic_lis[c].style.display = 'block'; an_lis[c].style.background = '#b31114'; } var timer = setInterval(h_slide, 2000); for (var j = 0; j < pic_lis.length; j++) { an_lis[j].index = j; an_lis[j].onmouseover = function() { index = this.index; clearInterval(timer); for (var k = 0; k < an_lis.length; k++) { pic_lis[k].style.display = 'none'; an_lis[k].style.background = '#86939b'; } pic_lis[index].style.display = 'block'; an_lis[index].style.background = '#b31114'; } an_lis[j].onmouseout = function() { timer = setInterval(h_slide, 2000); } } } </script> </html>

评论收藏

内容反馈