特效介绍

书签样式在线QQ客服,带PSD源文件。鼠标移动到QQ图标上,就会展开。上面有详细的联系电话、多个QQ客服。
使用方法
1、引入下面的js和css文件:1 | < link href = "style/css/slider.css" rel = "stylesheet" type = "text/css" > |
2 | < script type = "text/javascript" src = "http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" ></ script > |
01 | < div id = "divQQbox" class = "QQbox" style = "left: -276px; top: 149px;" > |
02 | < div id = "divOnline" class = "Qlist" > |
03 | < div class = "OnlineLeft" > |
04 | < div class = "con" > |
05 | < ul > |
06 | < li >售前咨询< a target = "_blank" href = "tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes" >< img |
07 | border = "0" src = "http://wpa.qq.com/pa?p=1:123456:42" ></ a ></ li > |
08 | < li >网站建设< a target = "_blank" href = "tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes" >< img |
09 | border = "0" src = "http://wpa.qq.com/pa?p=1:123456:42" ></ a ></ li > |
10 | < li >网站优化< a target = "_blank" href = "tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes" >< img |
11 | border = "0" src = "http://wpa.qq.com/pa?p=1:123456:42" ></ a ></ li > |
12 | < li >整合营销< a target = "_blank" href = "tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes" >< img |
13 | border = "0" src = "http://wpa.qq.com/pa?p=1:123456:42" ></ a ></ li > |
14 | < li >售后服务< a target = "_blank" href = "tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes" >< img |
15 | border = "0" src = "http://wpa.qq.com/pa?p=1:123456:42" ></ a ></ li > |
16 | </ ul > |
17 | </ div > |
18 | </ div > |
19 | < div class = "OnlineBtn" > |
20 | </ div > |
21 | </ div > |
22 | </ div > |