14,345
个编辑
更改
无编辑摘要
=====这里是轮播图测试页面=====
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<!-- Bootstrap -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<style>
.item {
height: 400px
}
.carousel-caption {
font-size: 2em;
padding: 10px 0;
background-color: rgba(16,16,16,0.55);
left: 0;
right: 0;
bottom: 0;
}
</style>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div style="width: 720px;">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox" style="height:400px;">
<!-- 从这里开始是图片和底部文字信息填充的位置 -->
<!-- 若要新增图片，请将「复制开始」到「复制结束」之间的内容复制粘贴到「插入开始」和「插入结束」之间 -->
<!-- 点击图片跳转的链接填写到 a 标签的 href 属性中 -->
<!-- 图片地址填写在 img 标签的 src 属性中 -->
<!-- 图片底部文字描述请填写在 class="carousel-caption" 的 div 标签内 -->
<!-- 请确保有且只有一个 class="item" 的 div 标签包含 active 这个值 -->
<div class="item active">
<a href="#" target="_blank">
<img class="img-responsive center-block" src="http://wx3.sinaimg.cn/large/0067Lrddgy1flgiqkx333j30m80godro.jpg">
</a>
<div class="carousel-caption">
《少女前线》x《崩坏学园2》 联动活动专题
</div>
</div>
<!-- 复制开始 -->
<div class="item">
<a href="#" target="_blank">
<img class="img-responsive center-block" src="http://gf.ppgame.com/CKFinderJava/1/images/WB(1).jpg">
</a>
<div class="carousel-caption">
《少女前线》特别救援行动X即将开启
</div>
</div>
<!-- 复制结束 -->
<div class="item">
<a href="#" target="_blank">
<img class="img-responsive center-block" src="http://gf.ppgame.com/CKFinderJava/1/images/1(108).jpg">
</a>
<div class="carousel-caption">
《少女前线》“周年庆典”版本上线
</div>
</div>
<!-- 插入开始 -->
<!-- 插入结束 -->
<!-- 这里是图片和底部文字信息填充的结束位置 -->
</div>
<!-- Controls -->
<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>
=====这里是少前百科评论系统测试页面=====
appKey: 'trvdc4z1vfJ48V861xhLxSHL',
placeholder: 'ヾﾉ≧∀≦)o欢快地讨论起来~',
path:window.location.hrefpathname + window.location.search,
avatar:'hide' ,
guest_info:['nick']
</body>
</html>
===== 这里是Lua模块测试区 =====
{{#invoke:Slider | slider |[http://wx3.sinaimg.cn/large/0067Lrddgy1flgiqkx333j30m80godro.jpg, 《少女前线》x《崩坏学园2》 联动活动专题]|[http://wx3.sinaimg.cn/large/0067Lrddgy1flgiqkx333j30m80godro.jpg, 《少女前线》x《崩坏学园2》 联动活动专题]}}