建站心得:全屏自适应始终漂浮手机网站底部广告js代码_手机悬浮漂浮js特效

<style> .margingT { margin-bottom: 80px; } .bottomAD { -webkit-box-sizing: border-box; height: 80px; position: fixed; bottom: 0; left: 0; z-index: 1000; padding: 0 10px; overflow: hidden; width: 100%; background: rgba(0, 0, 0, .8); } .bottom-pic { position: absolute; top: 10px; width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 10px; border-radius: 10px; } .bottom-pic img { width: 100%; height: 100%; } .bottom-text { margin-left: 70px; line-height: 80px; font-size: 32px; color: #fff; } .bottom-btn { position: absolute; top: 20px; right: 10px; height: 40px; line-height: 40px; color: #fff; background-color: #60b900; border-radius: 6px; text-align: center; font-size: 24px; padding: 0 5px; font-weight: bold; } .bottomAD a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }<div class="bottomAD" id="bottomAD"> <div class="bottom-con"> <div class="bottom-pic"> <img src="http://www.suppore.cn/1.gif" width="60" height="60" alt="" /> </div> <div class="bottom-text" id="bottomText">懒人的小窝-专注于互联网软硬件领域...</div> <div class="bottom-btn">立即询问</div> </div> <a id="bottomLink" href="http://www.suppore.cn/"></a></div></div>
X
赞助一下:
    支付宝    微信    QQ红包

打开支付宝扫一扫
建站心得:全屏自适应始终漂浮手机网站底部广告js代码_手机悬浮漂浮js特效
版权声明:若无特殊注明,本文皆为“懒人的小窝”原创,转载请保留文章出处。
本文链接:http://suppore.cn/104.html    百度已收录
正文到此结束

点击下方支持本站

点击支持下贵站吧
点击支持下贵站吧

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

微笑可爱憨笑鼓掌白眼发呆撇嘴色得意吐抠鼻可怜呲牙惊讶冷汗流泪大哭发怒抚摸傲慢惊恐鄙视疑问奸笑抓狂偷笑流汗擦汗晕委屈吓衰糗大了威武给力牛逼

评论信息框

火箭正在发射中...


既然没有吐槽,那就赶紧抢沙发吧!