<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/fwslider.css" media="all">
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<script src="js/fwslider.js"></script>
<script type="text/javascript" src="js/jquery-hover-effect.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(function() {
jQuery('ul.da-thumbs > li').hoverdir();
});
});
</script>
<!-- Add fancyBox main JS and CSS files -->
<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
<script>
$(document).ready(function() {
$('.popup-with-zoom-anim').magnificPopup({
type: 'inline',
fixedContentPos: false,
fixedBgPos: true,
overflowY: 'auto',
closeBtnInside: true,
preloader: false,
midClick: true,
removalDelay: 300,
mainClass: 'my-mfp-zoom-in'
});
});
</script>
<!--nav-->
<script>
$(function() {
var pull = $('#pull');
menu = $('nav ul');
menuHeight = menu.height();
$(pull).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
});
$(window).resize(function(){
var w = $(window).width();
if(w > 320 && menu.is(':hidden')) {
menu.removeAttr('style');
}
});
});
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:200px;
height:115px;
z-index:10000;
left: 315px;
top: 1464px;
}
-->
</style>
<link rel="stylesheet" type="text/css" href="CSS/海贼王动漫电影网.css">
<title>海贼王动漫电影网</title>
</head>
<body>
<div id="top"><a href="#">首页</a> | <a href="#">电竞</a> |<a href="#"> 动漫</a> | <a href="#">电影</a> | <a href="#">单机</a> |<a href="#"> 电玩</a> |<a href="#"> 网游</a> </div>
<form name="form1" method="post" action="">
<input name="textfield" type="text" id="textfield" value="账号">
<input name="textfield2" type="text" id="textfield2" value="密码">
<input type="submit" name="button" id="button" value="注册">
<input type="button" name="button2" id="button2" value="登录">
</form>
<div class="header_bg">
<div class="wrap">
<div class="header">
<div id="fwslider">
<div class="slider_container">
<div class="slide">
<img src="图片1/4.jpg">
</div>
<div class="slide">
<img src="图片1/6.jpg">
</div>
<div class="slide">
<img src="图片1/2.jpg">
</div>
<div class="slide">
<img src="图片1/5.jpg">
</div>
</div>
<div class="timers"></div>
<div class="slidePrev"><span></span></div>
<div class="slideNext"><span></span></div>
</div>
<div id="tupian">
<p>海 贼 王</p>
<p>————致我们的大航海时代</p>
</div>
<div id="nav">
<ul class="ul_one">
<li><a href="#">动漫首页</a></li>
<li><a href="#">专区首页</a></li>
<li><a href="https://manhua.fzdm.com/02//" target="_blank">海贼王漫画</a></li>
<li><a href="http://dongman.2345.com/dm/162.html" target="_blank">海贼王动画</a></li>
<li><a href="https://weibo.com/talkop?is_all=1" target="_blank">海贼王分析</a></li>
<li><a href="https://image.baidu.com/search/index?tn=baiduimage&ct=201326592&lm=-1&cl=2&ie=gb18030&word=%BA%A3%D4%F4%CD%F5%CD%BC%C6%AC&fr=ala&ala=1&alatpl=adress&pos=0&hs=2&xthttps=111111" target="_blank">海贼王图片</a></li>
<li><a href="https://shop59961308.taobao.com/" target="_blank">海贼王周边</a></li>
<li><a href="https://www.bilibili.com/video/av61434646/" target="_blank">海贼王日志</a></li>
<li><a href="http://bbs.talkop.com/" target="_blank">海贼王论坛</a></li>
</ul>
<ul class="ul_two">
<li></li>
<li>海贼王漫画更新:<a href="https://manhua.fzdm.com/02//981/" target="_blank">海贼王漫画第981话</a></li>
<li><a href="https://manhua.fzdm.com/02//980/" target="_blank">海贼王漫画第980话</a></li>
<li><a href="https://manhua.fzdm.com/02//979/" target="_blank">海贼王漫画第979话</a></li>
<li><a href="https://manhua.fzdm.com/02//978/" target="_blank">海贼王漫画第978话</a></li>
</ul>
<ul class="ul_two">
<li>海贼王动画更新:<a href="https://www.iqiyi.com/v_19ryjcot4k.html?vfm=f_178_2345&fv=p_07_01" target="_blank">海贼王动画第929集</a></li>
<li><a href="https://www.iqiyi.com/v_19ryfdvx4k.html?vfm=f_178_2345&fv=p_07_01" target="_blank">海贼王动画第928集</a></li>
<li><a href="https://www.iqiyi.com/v_19rwuk0o3o.html?vfm=f_178_2345&fv=p_07_01" target="_blank">海贼王动画第927集</a></li>
<li><a href="https://www.iqiyi.com/v_19rwp8jv3w.html?vfm=f_178_2345&fv=p_07_01" target="_blank">海贼王动画第926集</a></li>
</ul>
<ul class="ul_two">
<li>海贼王大电影:<a href="https://www.iqiyi.com/w_19rzpts4c5.html" target="_blank">《海贼王:黄金岛冒险》</a></li>
<li><a href="https://www.iqiyi.com/w_19s17zbw5l.html" target="_blank">《海贼王:发条岛的冒险》</a></li>
<li><a href="http://www.iqiyi.com/w_19s0rhvwlp.html" target="_blank">《海贼王:珍兽岛的乔巴王国》</a></li>
<li><a href="http://www.iqiyi.com/w_19s2d9hfb5.html" target="_blank">《海贼王:死亡尽头的冒险》</a></li>
<li><a href="http://www.iqiyi.com/w_19s0gkt93h.html" target="_blank">《海贼王:被诅咒的圣剑》</a></li>
</ul>
</div>
<div id="photo-list"> <ul id="scroll">
<li><a href="#"><img src="images/13.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/14.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/15.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/16.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/17.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/18.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/19.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/20.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/21.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/22.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/23.jpg" width="200px" height="200px" alt=""/></a></li>
<li><a href="#"><img src="images/24.jpg" width="200px" height="200px" alt=""/></a></li> <li><a href="#"><img src="images/24.jpg" width="200px" height="200px" alt=""/></a></li> </ul>
<script type="text/javascript" src="JS/MoveEffect.js"></script>
</div>
<div id="jianjie">
<div class="jianjie_con">
<img src="图片/u=3553679497,715671171&fm=26&gp=0.jpg">
<h2 class="one">故事简介</h2>
<p class="two">蒙奇·D·路飞童年时受到海贼“红发”香克斯的启蒙,自小就立志要成为“海贼王”。17岁时他出海之后,接续遇见了海贼猎人罗罗诺亚·索隆、航海士娜美、狙击手乌索普、厨师文斯莫克·山治等人并结为伙伴。他们组成了草帽海贼团准备�
没有合适的资源?快使用搜索试试~ 我知道了~
静态网页课程设计-海贼王动漫电影网(HTML+CSS+JavaScript)
共391个文件
jpg:308个
css:35个
html:31个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 134 浏览量
2024-01-04
10:15:45
上传
评论
收藏 19.77MB RAR 举报
温馨提示
使用技术:HTML+CSS+JS 主要内容:对海贼王IP电影、动漫、人物进行介绍,效果炫酷。 适用人群:需要用来学习使用和提交期末作业的学生。 拿来即用,只需对课程报告学号姓名等信息稍作修改即可,代码不用做任何修改。 效果观看:https://www.bilibili.com/video/BV155411z7c4/?spm_id_from=333.999.0.0
资源推荐
资源详情
资源评论
收起资源包目录
静态网页课程设计-海贼王动漫电影网(HTML+CSS+JavaScript) (391个子文件)
magnific-popup.css 9KB
海贼王动漫电影网.css 5KB
fwslider.css 3KB
阿龙.css 1KB
巴基.css 1KB
凯多.css 1KB
艾尼路.css 1KB
杰尔玛66.css 1KB
黑胡子.css 1KB
罗布路奇.css 1KB
克洛克达尔.css 1KB
BIG MOM.css 1KB
明哥.css 1KB
斯摩格.css 1KB
黄猿.css 1KB
青雉.css 1KB
战国.css 1KB
藤虎.css 1KB
科比.css 1KB
卡普.css 1KB
赤犬.css 1KB
布鲁克.css 1KB
甚平.css 1KB
鹤.css 1KB
文斯莫克·山治.css 1KB
乔巴.css 1KB
娜美.css 1KB
罗宾.css 1KB
蒙奇·D·路飞.css 1KB
乌索普.css 1KB
罗罗诺亚·索隆.css 1KB
弗兰奇.css 1024B
style.css 1021B
navigation.css 526B
绿牛.css 41B
index.html 16KB
黄猿.html 4KB
青雉.html 4KB
斯摩格.html 4KB
赤犬.html 4KB
卡普.html 4KB
科比.html 4KB
藤虎.html 4KB
战国.html 4KB
鹤.html 4KB
杰尔玛66.html 4KB
布鲁克.html 3KB
老沙.html 3KB
罗罗诺亚·索隆.html 3KB
文斯莫克·山治.html 3KB
BIG MOM.html 3KB
蒙奇·D·路飞.html 3KB
弗兰奇.html 3KB
甚平.html 3KB
明哥.html 3KB
黑胡子.html 3KB
乔巴.html 3KB
凯多.html 3KB
阿龙.html 3KB
娜美.html 3KB
罗宾.html 3KB
艾尼路.html 3KB
乌索普.html 3KB
巴基.html 3KB
罗布路奇.html 3KB
绿牛.html 126B
24e06a9e3381c99777a1066a713092a0.jpeg 444KB
19ab8de03303bc46c971659fbc9b300c.jpeg 26KB
1d80fe6dbf444b0fabce7aa2084143fa.jpeg 10KB
529642697d58321da7d5a699eb4e7cb9.jpeg 9KB
u=1126584037,129124802&fm=26&gp=0.jpg 460KB
7.jpg 410KB
5.jpg 307KB
15.jpg 305KB
2.jpg 297KB
21.jpg 292KB
4.jpg 288KB
3.jpg 286KB
9.jpg 281KB
8.jpg 279KB
u=1967487669,1190017815&fm=26&gp=0.jpg 256KB
17.jpg 252KB
11.jpg 248KB
u=157776411,209061141&fm=26&gp=0.jpg 247KB
18.jpg 242KB
22.jpg 238KB
科比背景.jpg 232KB
20.jpg 231KB
4.jpg 226KB
1.jpg 219KB
u=3094458332,204498727&fm=15&gp=0.jpg 216KB
19.jpg 216KB
3.jpg 214KB
u=1038669688,4043749439&fm=26&gp=0.jpg 210KB
25.jpg 208KB
黄猿背景.jpg 206KB
14.jpg 202KB
u=3711571904,721151835&fm=26&gp=0.jpg 201KB
2.jpg 195KB
卡普背景.jpg 192KB
共 391 条
- 1
- 2
- 3
- 4
资源评论
爱吃雪糕的小布丁
- 粉丝: 1w+
- 资源: 137
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功