★仿多酷页面的始终显示在窗口底部的可关闭广告代码★
2013-12-25 10:14:03 -0500
代码说明
适宜用于页面较长的地方,跟随页面滚动,一直显示在窗口底部。代码采自多酷游戏页面
<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://1321630350.wodemo.com')">天绪网盘,你身边的网页代码收藏馆</div><div class="button" data-state="enable" onclick="document.getElementById('sticky').style.display='none';"> </div></div>
代码演示
请看本窗口的底部
Back to home
Subscribe |
Register |
Login
| N