【免费】jquery-bootstrap原神Wiki网站_js成品网站资源-CSDN文库

共57个文件

png：21个

jpg：10个

html：8个

jquery

bootstrap

需积分: 0 47 浏览量 2023-08-06 21:26:47 上传评论收藏 106.22MB 7Z 举报

资源推荐

资源详情

资源评论

收起资源包目录

原神wiki网站.7z （57个子文件）

原神wiki网站

shouye.html 10KB

zhuce.html 1KB

wuqi

mgdxazk35nyu792h4s1w8qikz11djjt.png 49KB

2c93huro1qmcsasdxh7fdpm9zhv1obt.png 52KB

lpb3rsmenks3ej8qccdsmizgsf05amz.png 54KB

kjxqr03u3o59vqhd06q1dkr9udn4bzk.png 50KB

0nj68wmrj4lq5qo83ijiknlxrgjb2s3.png 49KB

9j2dbvbocavnm3ztyfmmw1y1cjxwz85.png 60KB

i5smc85ma234uzd3jzx3u9onhy28i94.png 51KB

o2trbbsyf2kvcxuegwi8xvb0xfl2kmk.png 81KB

7l0lp1uvwkjmj8g04eg59xy7nqhrgyd.png 54KB

5nqr8ib8lef2mjjoccgsuej6y5ggd8y.png 57KB

daoqi.html 9KB

bootstrap.js 74KB

npm.js 484B

jquery-3.6.4.min.js 88KB

bootstrap.min.js 39KB

gonglue.html 4KB

img

84px-枫原万叶.png 15KB

2.jpg 1.28MB

3.png 3.68MB

84px-瑶瑶.png 17KB

logo.png 167KB

鶴觀島.jpg 71KB

1.jpg 2.25MB

背景.jpg 334KB

11.png 2.49MB

鸣神岛.jpg 83KB

5.jpg 1.39MB

84px-香菱.png 13KB

清籟島.jpg 69KB

万叶图片.png 4.51MB

daoqi.png 58KB

海祇島.jpg 87KB

标题图片.png 1.41MB

84px-鹿野院平藏.png 15KB

3.jpg 1.84MB

神女劈观.png 1.94MB

4.jpg 2.08MB

css

bootstrap-theme.min.css.map 74KB

bootstrap.min.css 119KB

bootstrap-theme.css.map 47KB

bootstrap-theme.css 25KB

bootstrap.css.map 382KB

bootstrap.css 143KB

bootstrap-theme.min.css 23KB

bootstrap.min.css.map 528KB

denglu.html 1KB

juese.html 7KB

vidio

daoqi .mp4 81.74MB

fonts

glyphicons-halflings-regular.svg 106KB

glyphicons-halflings-regular.ttf 44KB

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

zhucezhanghu.html 2KB

wuqi.html 8KB

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>原神wiki站</title> <link rel="stylesheet" href="css/bootstrap.min.css"> <script src="js/jquery-3.6.4.min.js"></script> <script src="js/bootstrap.min.js"></script> <style> body { background-image: url("img/背景.jpg"); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .larger-font { font-size: 18px; color: #333333; } .red { background-color: red; color: white; } .title { margin-top: 35%; } @media (max-width: 768px) { .title { margin-top: 5%; /* 在窄屏幕下调整上边距 */ } } @media (max-width: 1200px) { .title { margin-top: 5%; /* 在窄屏幕下调整上边距 */ } } /* .scrollable-content { height: 1000px; } */ .scrollable-content { background-color: rgba(255, 255, 255, 0.7); /* 添加半透明背景颜色 */ padding: 50px; margin-top: 50px; /* 添加上边距，使内容与背景分开 */ height: 1000px; /* 设置内容高度，使其可以滚动 */ } #footer { background-color: #f1f1f1; padding: 10px; text-align: center; font-size: 12px; color: #888; } .image { width: 50%; height: auto; } #countdown { font-size: 36px; margin-top: 20px; font-size: 36px; margin-top: 20px; margin-right: 420px; background-color: rgba(0, 255, 255, 0.5); } </style> </head> <body> <div id="logo"><img src="img/logo.png" style="width: 200px; height: 100px;"></div>  <div class="container"> <nav class="navbar navbar-inverse "> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand">原神Wiki</a> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav">  <li><a href="juese.html">角色</a></li> <li><a href="wuqi.html">武器</a></li> <li><a href="gonglue.html">攻略</a></li> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">尘世七国<span class="caret"></span></a> <ul class="dropdown-menu"> <li class="disabled"><a href="#">蒙德</a></li> <li class="disabled"><a href="#">璃月</a></li> <li><a href="daoqi.html">稻妻</a></li> <li class="disabled"><a href="#">须弥</a></li> <li role="separator" class="divider"></li> <li class="disabled"><a>未开放</a></li> <li class="disabled"><a href="#">枫丹</a></li> <li class="disabled"><a href="#">穆纳塔</a></li> <li class="disabled"><a href="#">至冬</a></li> <li role="separator" class="divider"></li> <li class="disabled"><a href="#">坎瑞亚</a></li> </ul> </li> </ul> <form class="navbar-form navbar-left"> <div class="form-group"> <input type="text" class="form-control" placeholder="在Wiki中搜索"> </div> <button type="submit" class="btn btn-default">搜索</button> </form> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="zhuce.html" class="glyphicon glyphicon-user" role="button" aria-haspopup="true" aria-expanded="false"></a> </li> </ul> <ul class="nav navbar-nav navbar-right"> <li class="dropdown"> <a href="#" class="glyphicon glyphicon-th-list" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"></a> <ul class="dropdown-menu"> <li><a href="#">相关网站</a></li> <li><a href="#">原神官网</a></li> <li role="separator" class="divider"></li> <li><a href="#">联系我们</a></li> </ul> </li> </ul> </div> </div> </nav>  <div class="container scrollable-content">  <div class="container col-lg-7 col-md-7 col-xs-7 col-xs-7" id="myCarousel"> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">  <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> <li data-target="#carousel-example-generic" data-slide-to="1"></li> <li data-target="#carousel-example-generic" data-slide-to="2"></li> </ol>  <div class="carousel-inner" role="listbox"> <div class="item active"> <img src="img/1.jpg"> <div class="carousel-caption"> </div> </div> <div class="item"> <img src="img/2.jpg"> <div class="carousel-caption"> </div> </div> <div class="item"> <img src="img/3.jpg"> <div class="carousel-caption"> </div> </div> </div>  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> </div> </div>  <div class="col-lg-5 col-md-5"> <h3><a href="https://www.bilibili.com/video/BV1kS4y1T7kK?p=1" target="_blank">《原神》剧情PV -「神女劈观」<span class="badge red">hot！！！</span></a></h3> <p class="larger-font">道仙缘奇谈，物是人非，疏却千丝怨愁。歌巾帼英姿，再添新话，重入万家灯火。 <cite>CV：云堇念白&唱段——杨扬</cite> </p> <h3><a href="https://www.bilibili.com/video/BV1hD4y1X7Rm/?spm_id_from=333.337.search-card.all.click&vd_source=1fce1d7fbd67ef715cb280740ba2812e target=" _blank">《原神》角色演示 -「钟离：听书人」<span class="badge red">hot！！！</span></a></h3> <p class="larger-font">《璃月春秋》散场之后，听书人站在绘有山河的画屏前，不知是否在期待昔日的回响。但屏风上的图画只会沉默，因为那已是三千年前的往事了。 </p> </div>  <div class="title"> <h1><span><a href="#">八重神子阵容搭配详细攻略</a></span></h1> <h2>站场激化（主C）</h2> <p class="larger-font">这个配队本质是刻皇激化队的一个变种。3.0版本后，雷系迎来了一次极大的提升，虽然刻晴和菲谢尔大口吃肉喝汤，可惜对于神子来说也……</p> </div> <div class="container"> <h1 class="text-center style=" text-align: left; margin-left: 10px;">本期复刻角色</h1> <div class="row"> <div class="col-xs-3"> <img src="img/84px-枫原万叶.png" alt="Image 1" class="image"> </div>

评论收藏

内容反馈