123,123

^{<form id="giuew"><div id="giuew"></div></form>}

首頁 > 唐山網站制作中經常要用到的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(http://m.9899v.com/images/qqbox.gif) no-repeat 

right 0; height:4px}
        .QQbox .Qlist .con{margin:0 auto; background:url

(http://m.9899v.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   class="deo2fsx"   id="divOnline" class="Qlist">
<div   id="9cpfydu"   class="t"></div>
<div   id="15k7vjj"   class="con">
<div   id="k80cuwu"   class="tit">在線客服</div>
<ul>
<li><a  target="_blank"><img title="點擊這

里給我發(fā)消息" border="0" alt="點擊這里給我發(fā)消息" src="http://wpa.qq.com/pa?p=2:61391038:41" /></a> </li>
</ul>
</div>
<div   id="7gvqdov"   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編碼！

地址：中國.唐山市路北區(qū)尚座即理工大學對面中國.河北唐山遵化市唐山做網站
本站網址：m.9899v.com聯(lián)系電話：0315-6025099 建站熱線：15031560143

唐山網站建設報價咨詢

網站售前售后服務

冀ICP備12014317號-1 版權所有:唐山長城網絡 m.9899v.com

<tr id="fsos9"></tr>

<tbody id="fsos9"></tbody>

<dd id="fsos9"><tfoot id="fsos9"><legend id="fsos9"></legend></tfoot></dd>