您的位置 首页 教程

代刷网右侧导航效果

代刷网右侧导航效果插图

装修代码如下

<style>
.elevator_item .hd-time-limited {
display: block;
position: fixed;
right: 0;
bottom: 445px;
width: 40px;
height: 140px;
}
.elevator_item {
position: fixed;
right: 0;
bottom: 95px;
z-index: 11;
}
.elevator_item .feedback {
width: 36px;
height: 41px;
font-size: 12px;
padding: 5px 6px;
display: block;
border-radius: 5px;
text-align: center;
margin-top: 10px;
box-shadow: 0 1px 2px rgba(0,0,0,.35);
cursor: pointer;
}
.graHover {
position: relative;
overflow: hidden;
}
</style>
<div class=”elevator_item” style=”display:block;”>
<a class=”hd-time-limited” href=”/user/reg.php” rel=”nofollow”></a>
<a class=”feedback graHover” style=”background-color: #3cbdfa;color:#383838;” href=”https://ashuake.com/”>代刷网主站</a>
<a class=”feedback graHover” style=”background-color: #ffd900;color:#383838;” href=”/?cid=1″ rel=”nofollow”>福利商品</a>
<a class=”feedback graHover” style=”background-color: #AF3A9F;color:#fff;” href=”/?cid=2″ rel=”nofollow”>低价超会</a>
<a class=”feedback graHover” style=”background-color: #1e6be3;color:#fff;” href=”/?cid=3″ rel=”nofollow”>低价Q钻</a>
<a class=”feedback graHover” style=”background-color: #fa3c63;color:#fff;” href=”/?cid=4″ rel=”nofollow”>抖音业务</a>
<a class=”feedback graHover” style=”background-color: #ffa500;color:#fff;” href=”/?cid=5″ rel=”nofollow”>快手业务</a>
<a class=”feedback graHover” style=”background-color: #3cbdfa;color:#fff;” href=”/user/reg.php” rel=”nofollow”>分站搭建</a>
<a class=”feedback graHover” style=”background-color: #06C17E;color:#fff;” href=”https://ashuake.com/” rel=”nofollow”>APP下载</a>
<a class=”feedback graHover” style=”background-color: #FF3399;color:#fff;” href=”http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes” rel=”nofollow”>联系客服</a>
</div>

热门文章