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

2,302 人次阅读
一条评论

共计 1109 个字符,预计需要花费 3 分钟才能阅读完成。

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>

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

正文完
 0
评论(一条评论)
2012-04-01 00:09:27 回复

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

 Windows  Firefox  美国加利福尼亚