🎉
不定期分享源码，关注不丢失哦
文章目录
- 一、作品介绍
- 二、作品演示
- 三、代码目录
- 四、网站代码
- HTML代码
- 五、源码获取
一、作品介绍
🏷️本套采用DIV+CSS布局，使用Javacsript代码，共有5个页面。
🏷️Javacsript主要是实现首页图片轮播效果
二、作品演示
三、代码目录
四、网站代码
HTML代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>蜡笔小新</title>
<link rel="stylesheet" type="text/css" href="./css/style.css">
</head>
<body>
<div class="wrapper">
<!-- 头部 -->
<div class="header">
<div class="logo">
<img src="./images/logo.png">
</div>
<div class="nav">
<a href="index.html" class="active">动漫首页</a>
<a href="juese.html" >动漫角色</a>
<a href="pingjia.html" >动漫评价</a>
<a href="wenjuan.html">问卷调查</a>
</div>
</div>
<div class="banner">
<img src="./images/banner.jpeg" class="active">
<img src="./images/banner1.png">
<img src="./images/banner2.jpeg">
</div>
<script>
var ini = 1;
setInterval(function(){
var banners = document.querySelectorAll('.banner img');
if(ini >= banners.length) {
ini = 0;
}
for (var i = 0; i < banners.length; i++) {
banners[i].classList.remove('active');
}
banners[ini].classList.add('active');
ini++;
},3000);
</script>
<div class="main">
<h2>动漫简介</h2>
<div class="jj">
<img src="./images/jj.png" class="jjimg" >
<p>《蜡笔小新》是一部于1992年出品的日本家庭搞笑动画片，该片主要由本乡满、原惠一、武藤裕治导演，日本朝日电视台于1992年4月13日播映了第一集。至今仍在播出。</p>
<p>该片根据日本漫画家臼井仪人所创作的同名漫画作品《蜡笔小新》改编而成，叙述了日本5岁小男孩野原新之助，在日常生活中与家人、老师、同学、邻居、路人等之间所发生的故事。</p>
<p>野原新之助是一个年仅5岁，正在幼儿园上学的小男孩。他家住在春日部的市郊，家里有爸爸妈妈，还有一条名叫小白的小狗，随后又加入了新的成员妹妹野原向日葵。作者从日常生活中取材，叙述了野原新之助在日常生活中所发生的故事。故事中的主人公野原新之助是一个有点调皮的小孩，他喜欢别出心裁、富于幻想 。</p>
<div>
<h2>动漫图集</h2>
<table class="tu">
<td><img src="./images/jz1.jpeg" alt=""></td>
<td><img src="./images/jz2.jpeg" alt=""></td>
<td><img src="./images/jz3.jpeg" alt=""></td>
</table>
</div>
<!-- 底部 -->
<div class="footer">
蜡笔小新 版权所有
</div>
</div>
</body>
</html>
五、源码获取
🥇 ~ 关注我，点赞博文~ 每天带你涨知识!
🎁1.看到这里了就[点赞+好评+收藏]三连 支持下吧，你的「点赞，好评，收藏」是我创作的动力。
💙2.想要获取本文源码，点击前往吧
