查看“Html:存废/Old Mainpage Slider”的源代码

<html>
<div class="content" style="overflow-x:auto">

  <div class="ag7-main">
    <div class="ag7-bannerslide">
      <ul class="slidebox">
        <li><a href="https://wjghj.cn/index.php/将来过去时"><img src="https://wjghj.cn/images/2/2d/Jlgqs1.png"></a></li>
        <li><a href="https://wjghj.cn/index.php/我的世界:终末之诗"><img src="https://wjghj.cn/images/9/97/Minecraft1.jpeg"></a>
        </li>
        <li><a href="https://wjghj.cn/index.php/project:关于"><img
              src="https://wjghj.cn/images/thumb/d/d3/Sitelogo.jpeg/599px-Sitelogo.jpeg"></a></li>
        <li><a href="https://wjghj.cn/index.php/project:联系我们"><img
              src="https://wjghj.cn/images/thumb/7/71/Help.jpeg/240px-Help.jpeg"></a></li>
        <!--<li><a href="https://wjghj.cn/index.php/#"><img src=""></a></li>-->
      </ul>
      <div class="slideinfo">
        <div class="slidetitle">
          <h2 style="margin: 0;text-shadow: none;background: none;"></h2>
        </div>
        <div class="slidelist">
          <ul style="margin: 0;">
            <li data-h1="将来过去时 | 二次元原生幻想系列小说"><span style="font-size:12px">将来过去时</span></li>
            <li data-h1="MINECRAFT：终末之诗 | 我的世界同人小说">终末之诗</li>
            <li data-h1="欢迎光临“小鱼君和他的朋友们” | 关于此wiki">关于我们</li>
            <li data-h1="有疑问吗？| 联系我们获取更多信息">更多……</li>
            <!--<li data-h1="标题">右侧文字</li>-->
          </ul>
          <span class="mask"></span>
        </div>
      </div>
    </div>
  </div>

</div>
<style>
#mw-site-navigation,
#mw-related-navigation,
#siteNotice,
#firstHeading,
#share-this-page,
#mw-page-header-links,
#flowthread,
#lastmod {
  display: none !important;
}
#mw-content {
  margin: 0 10% !important;
}
body {
  background: black;
}
#mw-content {
  background: transparent;
  border: none;
}
#mw-footer {
  background: transparent;
  color: #efefef !important;
}
#mw-content-container {
  border-bottom: 0 !important;
}

li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:800}
.ag7-main{width:600px;margin:0 auto;}
.ag7-main .phone-index-banner{display:none}
.ag7-bannerslide{position:relative;}
.ag7-bannerslide .slidebox{position:relative;height:280px;background:black;}
.ag7-bannerslide .slidebox li{display:block;position:absolute;width:100%;height:100%;left:0;top:0}
.ag7-bannerslide a img{display:block;width:auto;height:280px;margin:0 auto}
.ag7-bannerslide .slideinfo{width:100%;position:absolute;left:0;bottom:0;z-index:10}
.ag7-bannerslide .slidetitle{width:540px;color:#fff;background:rgba(0,0,0,.2)}
.ag7-bannerslide .slidetitle h2{font-size:18px;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 15px}
.ag7-bannerslide .slidelist{position:absolute;right:0;bottom:0;width:60px;height:280px;color:#fff;font-size:14px;background-color:#222}
.ag7-bannerslide .slidelist ul{position:absolute;z-index:10;width:100%;text-align:center}
.ag7-bannerslide .slidelist ul li{width:100%;line-height:36px;margin:5px 0 10px;cursor:pointer}
.ag7-bannerslide .slidelist .mask{width:70px;height:36px;position:absolute;left:-10px;top:5px;background:url(https://doc.wjghj.cn/mainpage-slider/images/mask_03.png) no-repeat center center;display:block}
</style>
<script type="text/javascript" src="https://doc.wjghj.cn/mainpage-slider/js/jquery.easing.min.js"></script>
<script type="text/javascript" src="https://doc.wjghj.cn/mainpage-slider/js/main.js"></script>
<script src="https://doc.wjghj.cn/mainpage-slider/js/jquery-1.10.2.js"></script>
</html><noinclude>{{doc}}</noinclude>