html代码|网站底部固定悬浮按钮(html网页浮动窗口)

时间:2023-08-28 19:42:12   阅读:464

html代码|网站底部固定悬浮按钮(html网页浮动窗口)

<div id="landing-bar" style="">
  <div class="bd">
    <p>
<a href="/keywords/{$field.tag}.html" target="_blank">功能</a>
</p>
      <div class="operation">
        <a href="/faka/weixin.php" class="j a_show_register">点击购买辅助</a>
        <a href="/faka/qq.php" class="j a_show_register">点击购买辅助</a>
      </div>
      <div class="item item-3rd">
        <a href="/faka/index.php" class="j a_show_register">辅助总站地址</a>
      </div>
      <a href="javascript:" onclick="javascript:this.parentNode.parentNode.style.display='none';" class="lnk-close">×</a>
  </div>
</div>
<style>

#landing-bar {
    position: fixed;
    bottom: 0;
    height: 60px;
    width: 100%;
    border-top: 1px solid #dee2de;
    background: #FFFFFF;
}
#landing-bar .bd {
    position: relative;
    width: 1100px;
    padding-top: 15px;
    margin: 0 auto;
}
#landing-bar p {
    float: left;
    margin: 0 140px 15px 0px;
    font-size: 18px;
    color: #FF5000;
    -webkit-font-smoothing: antialiased;
}
#landing-bar .operation {
    float: left;
    margin-right: 40px;
}
#landing-bar .operation a {
    display: inline-block;
    border: 1px solid #FF5000;
    padding: 5px 16px;
    margin-right: 35px;
    font-size: 14px;
    background: #FF5000;
    color: #fff;
    border-radius: 2px;
}
#landing-bar .operation .a_show_login {
    background: #FF5000;
    color: #FFFFFF;
}
.item-3rd {
    font-size: 13px;
    line-height: 30px;
    color: #999;
}
.item-3rd .item-qq {
    background: #0097e2;
}
.item-3rd a {
    display: inline-block;
    border: 1px solid #FF5000;
    padding: 0px 16px;
    font-size: 14px;
    background: #FF5000;
    color: #fff;
    border-radius: 2px;
}
.item-3rd .item-weibo {
    background: #f32935;
}
#landing-bar .lnk-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 2px;
    font-size: 40px;
    line-height: 1.4;
    color: #aaa;
    font-weight: lighter;
    -webkit-font-smoothing: antialiased;
}
@media (max-width: 678px) {
    #landing-bar {
        display: none;
    }
}
</style>


上一篇:开挂专享!小号发卡平台助你畅玩(开挂专用小号发卡平台)

下一篇:8月29日,星期二,在这里每天60秒读懂世界!(8月29日星期几?)

网友评论