yd12300浜戦《绾胯矾(鑲′唤)鏈夐檺鍏徃

首页 > 唐山网站制作中经常要用到的QQ漂浮代码！

唐山网站制作中经常要用到的QQ漂浮代码！

时间：2012/9/11 12:47:47 作者：tsccwl 人气：标签：

　　

唐山网站制作中经常要用到的兼容各大浏览器的QQ漂浮代码！

采用这样做的有什么好处呢

这样可以实现临时会话：

代码如下：

<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:///images/qqbox.gif) no-repeat 

left 0; height:4px; font-size:1px}
        .QQbox .Qlist .b{background:url(/images/qqbox.gif) no-repeat 

right 0; height:4px}
        .QQbox .Qlist .con{margin:0 auto; background:url

(/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>

提示：复制和保存代码功能在FF下无效。

上一篇：唐山长城网络视觉设计的18个要点和心得阐述！
下一篇：唐山网络公司在恢复后台密码时需要admin MD5编码！

地址：中国.唐山市路北区尚座即理工大学对面中国.河北唐山遵化市唐山做网站
本站网址：www.tswzsj.com联系电话：0315-6025099 建站热线：浜戦《yd12300绾胯矾

唐山网站建设报价咨询

网站售前售后服务

冀ICP备12014317号-1 版权所有:唐山长城网络 www.tswzsj.com