首页
-
代码
2013-12-08 01:39:21 -0500
★仿多酷页面的始终显示在窗口底部的可关闭广告代码★
请勿抄袭本页面
代码说明
适宜用于页面较长的地方，跟随页面滚动，一直显示在窗口底部。代码采自多酷游戏页面
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>
8481.png
(0.5 KiB) |
Meta
8482.png
(0.61 KiB) |
Meta
代码演示
请看本窗口的底部
笑忘书网盘，你身边的网页代码收藏馆
[代码仅供参考，转载请注明出处]
----Comments(1)----
@19895090
|
@
at 2014-07-18 08:07:
为什么我在HTML中引用外部CSS没作用？
Comment:
Name:
Subscribe
|
Register
|
Login
|
N
