【插件】网站底部微信宣传通栏广告效果HAIRUICMS
演示效果：
使用说明：
1、上传图片：
点击下载
下载附件解压，然后把图片bottom_weixin.png上传到/Skin/images/目录下面
2、安装样式：将以下代码放到/Skin/CSS.css...
演示效果：
使用说明：
1、上传图片：
下载附件解压，然后把图片bottom_weixin.png上传到/Skin/images/目录下面
2、安装样式：将以下代码放到/Skin/CSS.css样式文件中
/*底部浮动微信样式定义开始*/
.bottom_weixin_01{width:100%;background: #0A6CCB;bottom: 0; margin: 0 auto; position: fixed; z-index: 999; _bottom:auto; _width: 100%; _position: absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));}
.bottom_weixin_02{width: 1200px;height:140px;margin:0px auto;position: relative;}
.bottom_weixin_02 img{position: absolute;left: 0px;top: -66px;}
.bottom_weixin_02 a{display:block;width:48px;height:48px;position: absolute;left: 1096px;top: 0px;}
/*底部浮动微信样式定义结束*/
3、调用代码：
<!--底部浮动微信开始-->
<div id="bottom_weixin" class="bottom_weixin_01">
<div class="bottom_weixin_02"><img src="/Skin/images/bottom_weixin.png"/><a href="javascript:void(0);" onclick="javascript:document.getElementById('bottom_weixin').style.display='none';"></a></div>
</div>
<!--底部浮动微信结束-->
<div id="bottom_weixin" class="bottom_weixin_01">
<div class="bottom_weixin_02"><img src="/Skin/images/bottom_weixin.png"/><a href="javascript:void(0);" onclick="javascript:document.getElementById('bottom_weixin').style.display='none';"></a></div>
</div>
<!--底部浮动微信结束-->
我要评论