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