本站首页    关于我们    服务范围    网站建设    案例展示    空间域名    联系我们
本工作室主要业务:网站建设-网络推广-虚拟主机-空间域名-论坛维护升级安装等.. 客户服务电话:15031560143 QQ:61391038

我帮你找到一个比较标准的浮动
经测试各大浏览器良好运行
代码如下:
你测试去看看:
<style type="text/css">
/*浮动QQ在线客服*/
.QQbox{z-index:99; width:142px; right:0; top:180px; position:absolute}
.QQbox .Qlist{ width:142px; margin:0 auto}
.QQbox .Qlist .t{background:url(http://www.tswzsj.com/images/qqbox.gif) no-repeat left 0; height:4px; font-size:1px}
.QQbox .Qlist .b{background:url(http://www.tswzsj.com/images/qqbox.gif) no-repeat right 0; height:4px}
.QQbox .Qlist .con{margin:0 auto; background:url(http://www.tswzsj.com/images/qqbox.gif) repeat-y -144px 0; text-align:center}
.QQbox .Qlist .con .tit{font-size:12px; font-weight:bold; margin-bottom:5px; height:20px; line-height:20px; color:#000000}
.QQbox .Qlist .con ul{margin:0 auto; padding:0; width:133px; background-color:#FFFFFF; border:#FFFFFF 1px solid}
.QQbox .Qlist .con li{font-size:9pt; list-style-type:none; margin-top:5px; height:30px; padding-right:5px}
.QQbox .Qlist .con li a{float:center}
.QQbox .Qlist .con li span{float:left; line-height:25px; margin-left:10px; display:inline; vertical-align:middle}
/*浮动QQ在线客服*/
</style>

<div style="height:800px;">
<div style="display:none;" id="divQQbox" class="QQbox">
<div id="divOnline" class="Qlist">
<div class="t"></div>
<div class="con">
<div class="tit">在线客服</div>
<ul>
<li><a href="http://wpa.qq.com/msgrd?v=3&uin=61391038&site=qq&menu=yes" target="_blank"><img title="点击这里给我发消息" border="0" alt="点击这里给我发消息" src="http://wpa.qq.com/pa?p=2:61391038:41" /></a> </li>
</ul>
</div>
<div class="b"></div>
</div>
</div>
</div>

<script type="text/javascript">
var tips;
var theTop = 180/*这是默认高度,越大越往下*/;
var old = theTop;
function initFloatTips() {
document.getElementById("divQQbox").style.display = "block";
tips = document.getElementById("divQQbox");
moveTips();
};
function moveTips() {
var tt = 50;
if (window.innerHeight) {
pos = window.pageYOffset
}
else if (document.documentElement && document.documentElement.scrollTop) {
pos = document.documentElement.scrollTop
}
else if (document.body) {
pos = document.body.scrollTop;
}
pos = pos - tips.offsetTop + theTop;
pos = tips.offsetTop + pos / 10;
if (pos < theTop) pos = theTop;
if (pos != old) {
tips.style.top = pos + "px";
tt = 10;
}
old = pos;
setTimeout(moveTips, tt);
}
initFloatTips();
</script>

参考资料:http://www.tswzsj.com/html/bzzx/281.html

Copyright@2009 www.tswzjs.com. All Rights Reserved. 唐山网络信息工作室 版权所有
服务热线:0315--6025099 15031560143 邮箱:61391038@qq.com 地址:河北唐山遵化市
唐山网站建设友情链接: 唐山网站建设