html海贼王动漫主题源码期末大作业0021

老学长毕业设计辅导

已于 2022-05-16 22:12:57 修改

阅读量720

点赞数

分类专栏： html网页作品文章标签： html css javascript

于 2022-05-16 21:49:43 首次发布

本文链接：https://blog.csdn.net/m0_37916936/article/details/124808940

版权

html网页作品专栏收录该内容

198 篇文章 15 订阅

订阅专栏

这是一个关于海贼王主题的HTML动漫网站源码，包含导航栏、焦点图、剧情介绍等页面元素。网站设计使用了CSS样式和JavaScript脚本，提供了多个页面链接，如故事介绍、主要人物等，展现了《航海王》的背景和角色。

摘要由CSDN通过智能技术生成

项目演示视频：

html动漫海贼王主题源码（获取地址见详情）

部分页面截图：

部分页面代码展示：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>海贼王</title>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/js.js"></script>
<style>
	.jianjie{
		opacity: 0;
			transition: all 2s;
			transition-delay: 2s;
	}
</style>

</head>
<body onload="chred()">
	<div class="zt">
     <div id="header"></div>
	 <div id="nav">
	    <ul>
		    <li><a href="index.html">首页</a></li>
			<li><a href="manhua.html">故事介绍</a></li>
			<li><a href="donghua.html">主要人物</a></li>
			<li><a href="tupian.html">海贼美图</a></li>
			<li><a href="liuyan.html">留言</a></li>
			
			
			
			
			
	   </ul>
	 </div>
	 <span id="jsq"></span>
	 <div id="content">
	    <div class="hdp">
		
		     <div id="ifocus">
             <div id="ifocus_pic">
               <div id="ifocus_piclist" style="left:0; top:0;">
                    <ul>
                      <li><a href="wenzhang1.html"><img src="images/a1.jpg" /></a></li>
                      <li><a href="wenzhang2.html"><img src="images/a2.jpg" /></a></li>
                      <li><a href="wenzhang3.html"><img src="images/a3.jpg" /></a></li>
                      <li><a href="wenzhang4.html"><img src="images/a4.jpg" /></a></li>
                    </ul>
               </div>
            <div id="ifocus_opdiv"></div>
               <div id="ifocus_tx">
                  <ul>
                     <li class="current">《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品</li>
                     <li class="normal">《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品</li>
                     <li class="normal">《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品</li>
                     <li class="normal">《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品</li>
                  </ul>
               </div>
            </div>
            <div id="ifocus_btn">
                <ul>
                 <li class="current"><img src="images/a1.jpg" alt="" /></li>
                 <li class="normal"><img src="images/a2.jpg" alt="" /></li>
                 <li class="normal"><img src="images/a3.jpg" alt="" /></li>
                 <li class="normal"><img src="images/a4.jpg" alt="" /></li>
                </ul>
            </div>
         </div>
		     <div class="renwu">
		       <dl>
		         <dd><img src="images/a5.jpg" width="454" height="346" /></dd>
	           </dl>
          </div>
	    </div>
	    <div class="clear"></div>
		<div class="mh">
		   <div class="tl"><span>剧情介绍</span><a href="manhua.html">更多>></a></div>
		     <div class="mhc">
		      <img src="images/a6.jpg" />
			  <div class="mhzj"><p class="mhjs">正片剧情：</p><p class="jianjie">《航海王》是日本漫画家尾田荣一郎作画的少年漫画作品，在《周刊少年Jump》1997年34号开始连载，电子版由漫番漫画连载 [1]  。改编的电视动画《航海王》于1999年10月20日起在富士电视台首播。<br>
			    拥有财富、名声、权力，这世界上的一切的男人 “海贼王”哥尔·D·罗杰，在被行刑受死之前说了一句话，让全世界的人都涌向了大海。“想要我的宝藏吗？如果想要的话，那就到海上去找吧，我全部都放在那里。”世界开始迎接“大海贼时代”的来临。时值“大海贼时代”，为了寻找传说中海贼王罗杰所留下的大秘宝“ONE PIECE”，无数海贼扬起旗帜，互相争斗。有一个梦想成为海贼王的少年叫路飞，他因误食“恶魔果实”而成为了橡皮人，在获得超人能力的同时付出了一辈子无法游泳的代价。十年后，路飞为实现与因救他而断臂的香克斯的约定而出海，他在旅途中不断寻找志同道合的伙伴，开始了以成为海贼王为目标的冒险旅程。

			    </p>
			  </div>
		</div>
	 </div>
	 <div class="clear"></div>
	<div id="footer">
	 <p>copyright 海贼王专题</p>
	</div>
	</div>
	<script src="js/index.js"></script>
</body>
</html>

完整项目源码获取：

http://www.yueying1234.com/moban/dongmanyouxi/1810.html

老学长毕业设计辅导

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
html海贼王动漫主题源码期末大作业0021

项目演示视频：html动漫海贼王主题源码（获取地址见详情）部分页面截图：部分页面代码展示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>海贼王</title><link href="css/style.css" rel="stylesheet" type="text/css" media="all" /><script s
复制链接

扫一扫