书签样式在线QQ客服,带PSD源文件
- 作者:网页模板
- 大小:0.168MB
- 点击次数:
- 发布时间:2014-05-13 12:06
特效介绍
书签样式在线QQ客服,带PSD源文件。鼠标移动到QQ图标上,就会展开。上面有详细的联系电话、多个QQ客服。使用方法
1、引入下面的js和css文件:<link href="style/css/slider.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js"></script>2、在页面底部放入下面代码,修改123456为您的QQ号,修改网址为您的网站网址。
<div id="divQQbox" class="QQbox" style="left: -276px; top: 149px;"> <div id="divOnline" class="Qlist"> <div class="OnlineLeft"> <div class="con"> <ul> <li>售前咨询<a target="_blank" href="tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:123456:42"></a></li> <li>网站建设<a target="_blank" href="tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:123456:42"></a></li> <li>网站优化<a target="_blank" href="tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:123456:42"></a></li> <li>整合营销<a target="_blank" href="tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:123456:42"></a></li> <li>售后服务<a target="_blank" href="tencent://message/?uin=123456&&Site=www.5imoban.net&&Menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=1:123456:42"></a></li> </ul> </div> </div> <div class="OnlineBtn"> </div> </div> </div>3、用Adobe Photoshop打开bj01.psd文件,修改图片上的信息。PSD文件在style\css\img里面。
- 本文标签:
- jquery在线QQ客服