QQ客服浮窗對(duì)于很多網(wǎng)站并不少見(jiàn)，學(xué)做網(wǎng)站論壇的頁(yè)面的右側(cè)面也有QQ客服浮窗，這是通過(guò)54KF的代碼來(lái)做的，比較簡(jiǎn)單。（方法見(jiàn)：怎么在網(wǎng)站上加入QQ在線客服）

今天給廣大學(xué)做網(wǎng)站學(xué)員介紹另一款QQ客服，效果如下：

怎么給自己的網(wǎng)站添加這款比較漂亮的QQ客服呢，方法如下：

1. 先下載客服代碼壓縮包（客服代碼壓縮包下載：https://pan.baidu.com/s/1pLjt9A7），然后解壓，里面有一個(gè)qq.js和一個(gè)圖片文件夾qqimages。
2. 將qq.js和qqimages文件夾一起上傳到自己網(wǎng)站空間的根目錄下。
3. 復(fù)制以下的CSS代碼放到自己網(wǎng)站的CSS文件中，用來(lái)控制QQ客服的樣式和背景。
   .qq{width:120px;}
   .qq_t{width:120px;}
   .qq_d{width:120px;}
   .qq_bg{width:130px; background:url(/qqimages/qq03.png) repeat-y; padding:10px 0px 10px; overflow:hidden;}
   .qq_bg ul{margin:0px; padding:0px;}
   .qq_bg li{width:90px; height:26px; float:left; margin-left:20px; text-align:left; line-height:26px; background:url(/qqimages/qq04.png) no-repeat; display:inline; margin-bottom:5px;}
   .qq_bg li a{color:#333;font-size:12px;text-decoration: none;}
   .qq_bg li a:hover{color:#FF0000; text-decoration: underline; font-size:12px;}
   .qq_bg li img{margin-top:4px; float:left; margin-left:10px; margin-right:5px;}
4. 使用以下的JS代碼來(lái)調(diào)用QQ客服，放在自己網(wǎng)站需要顯示客服的頁(yè)面代碼的底部，一般是</body>標(biāo)簽的上方。（網(wǎng)站域名改成自己網(wǎng)站的網(wǎng)址）
   <script src="http://網(wǎng)站域名/qq.js"></script>
5. 通過(guò)DW可以修改qq.js中的QQ號(hào)碼為自己的QQ號(hào)碼，這樣QQ客服就完成了。

標(biāo)簽： isp 代碼 域名

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。