web前端(html+css+js)简单的仿原神官网静态项目

共34个文件

png：12个

jpg：8个

html：6个

版权申诉

web

html

5星 · 超过95%的资源 140 浏览量 2022-05-29 16:45:34 上传评论 8 收藏 40.64MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

原神.zip （34个子文件）

web

css

news.css 4KB

mengde.css 43B

style.css 9KB

index.css 3KB

JavaScript

main.js 813B

img

background.jpg 46KB

5.png 546KB

qishi.png 2.47MB

jiaotang.png 2.4MB

1.png 9KB

music2.png 3KB

music1.png 3KB

lol01.jpg 634KB

mengde.jpg 88KB

app.jpg 661KB

lol02.jpg 388KB

lol03.jpg 501KB

lol04.jpg 652KB

logo.png 12KB

6.png 270KB

2.png 448KB

4.png 475KB

shixiang.png 2.48MB

3.png 546KB

cover1.jpg 170KB

mengde.html 4KB

music

music.mp3 5.2MB

index.html 5KB

video

video.mp4 13.75MB

app.mp4 10.1MB

news.html 4KB

qishi.html 2KB

nvshen.html 2KB

jiaotang.html 2KB

<!DOCTYPE html> <html lang="en"> <head> <script language="JavaScript" src="JavaScript/main.js"> </script> <meta charset="UTF-8"> <title>原神</title> <link rel="stylesheet" href="css/style.css"> </head> <body onload="init()"> <div id="nav-holder" class="nav-holder"> <ul class="nav"> <li><audio id="music2" src="music/music.mp3" loop="loop"></audio> <a href="javascript:playPause();"><img src="img/music1.png" width="50" height="50" id="music_btn2" border="0"></a></li> <li><img src="img/logo.png" width="375" height="75"></li> <li class="active"><a href="index.html">首页</a></li> <li><a href="news.html">新闻</a></li> <li><a href="connect.html">角色</a></li> <li><a href="mengde.html" >世界</a></li> <li><a href="zhuangbi.html">社区</a></li> </ul> </div> <section class="showcase"> <div <div class="video-container"> <video src="video/video.mp4" autoplay muted loop></video> </div> <div class="content"> <h1>踏入充满冒险的奇妙世界！</h1> <h2>Let's step into a wonderful world full of adventure!</h2> <a href="#about" class="btn">查看更多</a> </div> </section> <div class="xue" id="about"> <div class="news"> <img href="img/before.png"> <h1>新闻资讯</h1> </div> <div class="half1"> <img src="img/lol01.jpg" width="640" height="400" id="img1"/> </div> <div class="half2"> <div class="fav_list"> <div data-v-357a65ed="" class="fav_list_box"> </div> <div class="my_fav_con"> <div> <ul class="my_fav_list"> <li class="my_fav_list_li" id=""> <a class="my_fav_list_a" href="news.html" target="_blank"> 《原神》获得“2021年 Apple 设计大奖：视觉图像奖项” </a> <label class="my_fav_list_label"> <span >2021-06-09</span> </label> </li> <li class="my_fav_list_li" id=""> <a class="my_fav_list_a" href="" target="_blank"> 人尽知，天权为尊 </a> <label class="my_fav_list_label"> <span >2021-06-09</span> </label> </li> <li class="my_fav_list_li" id=""> <a class="my_fav_list_a" href="" target="_blank"> 提瓦特美食札记 | “想我了吗？”——丽莎生日快乐 </a> <label class="my_fav_list_label"> <span >2021-06-09</span> </label> </li> <li class="my_fav_list_li" id=""> <a class="my_fav_list_a" href="" target="_blank"> 丽莎生日快乐｜你手里拿的…是为我准备的生日礼物吗？ </a> <label class="my_fav_list_label"> <span >2021-06-09</span> </label> </li> <li class="my_fav_list_li" id=""> <a class="my_fav_list_a" href="" target="_blank"> 《原神》EP - 炎夏炽宝之踪 </a> <label class="my_fav_list_label"> <span >2021-06-09</span> </label> </li> </ul> </div> </div> </div> </div> </div> <a href="mengde.html"> <div class="content"> <div class="static-content"> </div> <div class="hover-content"> </div> </div> </a> <a href="index.html"> <div class="content1"> <div class="static-content1"> </div> <div class="hover-content1"> </div> </div> </a> <div class="content2"> </div> <div class="footer-holder"> <p class="copyright"> © CopyRight  2021  MiHoYo. <br> All Rights Reserved.  2021 米哈游版权所有 </p> </div> </body> </html>

评论收藏

内容反馈

版权申诉