A-A+

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

2012年01月04日 灵犀一指 评论 1 条 阅读 1,337 人 次

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 条留言  访客:1 条  博主:0 条

  1. 渋驀

评论已关闭!