我爱模板网 > 特效插件 > 在线客服 >  书签样式在线QQ客服,带PSD源文件正文

书签样式在线QQ客服,带PSD源文件

特效介绍
书签样式在线QQ客服

        书签样式在线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&amp;&amp;Site=www.5imoban.net&amp;&amp;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&amp;&amp;Site=www.5imoban.net&amp;&amp;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&amp;&amp;Site=www.5imoban.net&amp;&amp;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&amp;&amp;Site=www.5imoban.net&amp;&amp;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&amp;&amp;Site=www.5imoban.net&amp;&amp;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里面。


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:固定在右下角的兼容IE6在线QQ客服 下一篇:蓝色的右侧弹出的QQ在线客服jquery代码
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢