给你的网站添加一个客服漂浮代码吧,CSS版

CSS代码中添加:

/* Customer Online Service Float */
.onlinefloat-left1{width:109px;height:34px;background:url(“../onlineservice/images/qq_top.gif”);float:right;
position:fixed !important; top/**/:200px;
position:absolute; z-index:300; top:expression(offsetParent.scrollTop+200);left:20px;}
.onlinefloat-left2{width:109px;height:100px;background:url(“../onlineservice/images/qq_bottom-v.gif”);background-repeat: repeat-y;float:right;padding-left:5px;line-height:30px;overflow:hidden;font-weight:bold;
position:fixed !important; top/**/:234px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}
.onlinefloat-left3{width:109px;height:34px;background:url(“../onlineservice/images/qq_logo.gif”);float:right;
position:fixed !important; top/**/:334px;
position:absolute; z-index:400; top:expression(offsetParent.scrollTop+300);left:20px;}

模板文件中添加:

<div></div>
<div>
<ul>
<li><a href=”http://#”><img src=”../onlineservice/msn.gif” width=”30″ height=”30″ border=”0″ />客服1</a></li>
<li><img src=”../onlineservice/msn.gif” width=”30″ height=”30″ border=”0″ /><a href=”http://#”>客服2</a></li>

</ul>
</div>
<div></div>

再下载好上面提到的几种图片,防放到相应目录即可。

标签

发表评论

评论已关闭。

评论列表(1)

  • 渋驀

    2012.4.1 00:04

    真是辛苦啊,做了好久终于效果还算满意了,不过在FireFox下面还是不能识别MSN的协议。