91在线公开视频-91在线高清视频-91在线高清-91在线导航-91在线操-91在线播放网站

唐山網(wǎng)站建設(shè),唐山網(wǎng)站制作,唐山做網(wǎng)站,唐山網(wǎng)頁設(shè)計(jì),唐山網(wǎng)站優(yōu)化,唐山網(wǎng)絡(luò)公司,唐山400電話業(yè)務(wù) 24小時(shí)熱線：15031560143 關(guān)于我們 | 網(wǎng)站模版 | 支付方式 | 網(wǎng)站地圖

首頁 > 唐山網(wǎng)站制作中經(jīng)常要用到的QQ漂浮代碼！

唐山網(wǎng)站制作中經(jīng)常要用到的QQ漂浮代碼！

時(shí)間：2012/9/11 12:47:47 作者：tsccwl 人氣：標(biāo)簽：

　　

唐山網(wǎng)站制作中經(jīng)常要用到的兼容各大瀏覽器的QQ漂浮代碼！

采用這樣做的有什么好處呢

這樣可以實(shí)現(xiàn)臨時(shí)會(huì)話：

代碼如下：

<style type="text/css">
        /*浮動(dòng)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://www.eboku.com/images/qqbox.gif) no-repeat 

right 0; height:4px}
        .QQbox .Qlist .con{margin:0 auto; background:url

(http://www.eboku.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}
        /*浮動(dòng)QQ在線客服*/
    </style>
 

<div style="height:800px;">
<div style="display:none;" id="divQQbox" class="QQbox">
<div   class="t7fljhv"   id="divOnline" class="Qlist">
<div   id="5dxx77b"   class="t"></div>
<div   id="h7tffvj"   class="con">
<div   id="x7b7zxt"   class="tit">在線客服</div>
<ul>
<li><a  target="_blank"><img title="點(diǎn)擊這

里給我發(fā)消息" border="0" alt="點(diǎn)擊這里給我發(fā)消息" src="http://wpa.qq.com/pa?p=2:61391038:41" /></a> </li>
</ul>
</div>
<div   id="vhrtlpb"   class="b"></div>
</div>
</div>
</div>

<script type="text/javascript">
    var tips;
    var theTop = 180/*這是默認(rèn)高度,越大越往下*/;
    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>

提示：復(fù)制和保存代碼功能在FF下無效。

上一篇：唐山長城網(wǎng)絡(luò)視覺設(shè)計(jì)的18個(gè)要點(diǎn)和心得闡述！
下一篇：唐山網(wǎng)絡(luò)公司在恢復(fù)后臺(tái)密碼時(shí)需要admin MD5編碼！

地址：中國.唐山市路北區(qū)尚座即理工大學(xué)對(duì)面中國.河北唐山遵化市唐山做網(wǎng)站
本站網(wǎng)址：www.eboku.com聯(lián)系電話：0315-6025099 建站熱線：15031560143

唐山網(wǎng)站建設(shè)報(bào)價(jià)咨詢

網(wǎng)站售前售后服務(wù)

冀ICP備12014317號(hào)-1 版權(quán)所有:唐山長城網(wǎng)絡(luò) www.eboku.com

主站蜘蛛池模板：天祝| 潜山县| 洪雅县| 荔波县| 赣榆县| 隆尧县| 怀柔区| 民乐县| 靖安县| 克拉玛依市| 庄河市| 霸州市| 秦皇岛市| 大理市| 额敏县| 通州区| 略阳县| 鹤岗市| 卢氏县| 郯城县| 资兴市| 汝南县| 镇康县| 惠州市| 桂林市| 道真| 巍山| 泗阳县| 镇平县| 榕江县| 九台市| 洪湖市| 濮阳市| 德州市| 定陶县| 全南县| 台东市| 镇远县| 通山县| 萍乡市| 富川|