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