網(wǎng)站右側(cè)滑動(dòng)客服代碼,真正可以用的網(wǎng)站右側(cè)滑動(dòng)QQ客服代碼。
為株洲做網(wǎng)站的客戶服務(wù)中，網(wǎng)站右側(cè)滑動(dòng)客服代碼是網(wǎng)站經(jīng)常會(huì)需要的功能，但是株洲網(wǎng)絡(luò)公司發(fā)現(xiàn)，網(wǎng)上提供的所謂QQ隨滑動(dòng)條滾動(dòng)的對(duì)話框都是不能用的。所以也會(huì)出現(xiàn)“我網(wǎng)站上的在線客服，為什么滑動(dòng)一下就沒有了呢”相關(guān)問題。下面株洲網(wǎng)絡(luò)公司經(jīng)過親自測(cè)試、調(diào)試，終于可以實(shí)現(xiàn)網(wǎng)站右側(cè)滑動(dòng)客服代碼，并且代碼相當(dāng)簡(jiǎn)練。并且在IE6、IE7、火狐瀏覽器都測(cè)試通過。
這里有一個(gè)已經(jīng)做好的測(cè)試頁面〝網(wǎng)站右側(cè)滑動(dòng)客服代碼測(cè)試頁面〞，如果你覺得是你想要的效果，請(qǐng)復(fù)制下面的代碼就可以，但需要注意，代碼必須放在網(wǎng)頁代碼的<body>與</body>之間才能成功運(yùn)行。
|
<div style="position:absolute;left:30px;" id="ad"><div>
<div style="background: url(http://www.bjaidi.cn.com/images/fudong.gif) no-repeat top left; width: 114px; height: 110px; color: #fff; padding-top: 25px; line-height: 1em"><strong style="padding-left: 40px; font-size:12px">在線咨詢：</strong><div style="margin-left: 13px; margin-top: 20px">
<a target=blank href=tencent://message/?uin=781708175&Site=株洲廣告公司&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:781708175:10 alt="點(diǎn)擊這里給我發(fā)消息"></a><br /><br />
<a target=blank href=tencent://message/?uin=110069605&Site=株洲網(wǎng)絡(luò)公司&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:110069605:10 alt="點(diǎn)擊這里給我發(fā)消息"></a>
</div></div>
</div></div>
<script language="JavaScript" type="text/javascript">
//這一行寫了這個(gè)DIV是絕對(duì)定位，最好再加一下z-index；邊框?yàn)?px的實(shí)線黑色邊；距右邊有0PX; ID=AD；
function rightBottomAd(){
var abc = document.getElementById("ad");
abc.style.top = document.documentElement.scrollTop+document.documentElement.clientHeight-326+"px";//326是這個(gè)層距離底部的高度；
setTimeout(function(){rightBottomAd();},50);
}
rightBottomAd();
</script>
|
綠色部分換上自己的QQ代碼就可以，在這里可以自動(dòng)生成QQ代碼。
其中1em是調(diào)整兩個(gè)QQ之間行距離倍數(shù)的，自己試著調(diào)整下就知道，其他的細(xì)節(jié)說明在注釋里都有，這里把網(wǎng)站右側(cè)滑動(dòng)客服代碼總結(jié)出來，就是為了節(jié)約大家的時(shí)間，不要為了找一個(gè)網(wǎng)站右側(cè)滑動(dòng)客服代碼并且調(diào)試而浪費(fèi)寶貴的時(shí)間。
