🎉
不定期分享源码，关注不丢失哦
文章目录
- 一、作品介绍
- 二、作品演示
- 三、代码目录
- 四、网站代码
- 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.想要获取本文源码，点击前往吧
