html右下角固定广告,jQuery右下角悬浮广告

HTML

首先准备广告素材，并在body中建立一个用户悬浮的广告主体DIV#pop，设置为不显示，在广告的上部标题栏有关闭按钮，点击关闭时，则关闭隐藏悬浮广告。

关闭

赞助广告

CSS

使用CSS稍微美化#pop。注意其实我们使用position:fixed;right:0;bottom:0;其实就已经将广告位置固定在右下角了，但是要兼顾那些IE6的用户，ie6不支持fixed，这个问题我们可以通过jquery的插件来解决ie6的兼容行问题。

#pop{background:#fff;width:300px; height:282px;font-size:12px;position:fixed;right:0;bottom:0;}

#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;

padding-left:10px;}

#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}

#popHead #popClose{position:absolute;right:10px;top:1px;}<