仿多酷页面的始终显示在窗口底部的可关闭广告代码

此代码仅供参考

---

代码说明

适宜用于页面较长的地方，跟随页面滚动，一直显示在窗口底部。

---

html代码

<style> .sticky{ left:0;right:0;bottom:0;height:40px;z-index:100;position:fixed;padding:0 40px 0 35px;background-repeat:no-repeat;background-color:rgba(0,0,0,.5);background-position:5px center;-webkit-background-size:25px auto;background-image:url(http://img.m.duoku.com/cimages/img/8482/8482.png) } .sticky>:nth-child(1){ color:#fff;font-size:14px;overflow:hidden;line-height:40px;white-space:nowrap;text-overflow:ellipsis } .sticky>.button{ top:0;right:0;bottom:0;width:40px;position:absolute;background-repeat:no-repeat;background-position:center center;-webkit-background-size:25px 25px;background-image:url(http://img.m.duoku.com/cimages/img/8481/8481.png); } </style> <div class="sticky" id="sticky" data-state="enable"><div onclick="window.open('http://35230.wodemo.com')">欢迎光临我的磨</div><div class="button" data-state="enable" onclick="document.getElementById('sticky').style.display='none';"> </div></div>

---

代码演示

请看本窗口的底部

---

---