html代码|网站底部固定悬浮按钮(html网页浮动窗口)
时间:2023-08-28 19:42:12 阅读:2231
<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>


网友评论