知识 分享 互助 快乐十分玩法与奖金

    懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

    懒人建站提供网页素材下载、网站模板
    知识 分享 互助!

    湖南快乐十分全天计划:悬浮右侧qq在线客服代码

    作者:佳明妈 来源:懒人建站工作室 2016-11-23 人气:
    悬浮右侧qq在线客服代码,这个右侧qq在线客服插件不依赖于jquery,客服图标使用了阿里图标的字体图标,这个qq在线客服代码可以配置多个qq客服,支持二维码展示和电话号码展示,支持
    悬浮右侧qq在线客服代码,这个右侧qq在线客服插件不依赖于jquery,图标使用了阿里图标的字体图标,不需要加载图片,这个qq在线客服代码可以自由配置多个qq客服以及自定义客服节点,支持二维码展示和电话号码展示,支持关闭客服代码。

    qq在线客服代码配置

     快乐十分玩法与奖金 www.j63d3.cn 
         //右侧浮动qq客服  by 快乐十分玩法与奖金//www.j63d3.cn/
         //懒人建站专注于网页素材下载,提供网站模板素材、图片素材、ps素材、素材库等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。
    
         //皮肤风格请修改css样式表
    
         //调用,及参数说明
         qqkf.init({
             closeBtn:true,    //是否显示关闭按钮
             mainSize:1200,   //如果qq客服遮挡了内容影响阅读,所以您可以传入你的主体宽度,窗口过小浮动客服会消失,如果你想让他始终显示,请传入-1
             defaultIcon:'67c',//默认qq图标,图标字体的后3位,图标字体后三位参考icon.png
             position:{
                 right: 10,
                 bottom: 200
             },
             data:{
                 //最后的 @694 这些图标定义可以省略,默认qq图标,@后面是图标字体的后3位,图标字体后三位参考icon.png
                 qq:'[email protected]售前客服@694|[email protected]售后客服@63e|[email protected]测试客服',
                 qrCode:'wx-code.png',
                 tel:'15638527790'
             },
            diyItem:'<div class="fix-qq-kf-item"><span class="fix-qq-kf-icon fix-qq-kf-icon-qq">&#xe6b1;</span><span class="fix-qq-kf-name">自定义一个</span></div>'
         })
    

    qq在线客服代码图标字体

    你完全可以自定义图标
    qq在线客服代码图标字体

    客服代码css

     /*图标字体 用的阿里图标,//www.iconfont.cn/ 你可以自己定义这些图标*/
            @font-face {
                font-family: 'iconfontfixqq';  /* project id:"187179" */
                src: url('//at.alicdn.com/t/font_g31k92w6xi1i3sor.eot');
                src: url('//at.alicdn.com/t/font_g31k92w6xi1i3sor.eot?#iefix') format('embedded-opentype'),
                url('//at.alicdn.com/t/font_g31k92w6xi1i3sor.woff') format('woff'),
                url('//at.alicdn.com/t/font_g31k92w6xi1i3sor.ttf') format('truetype'),
                url('//at.alicdn.com/t/font_g31k92w6xi1i3sor.svg#iconfont') format('svg');
            }
    
            #fixQqKf{  font-size: 14px;  border: #ddd solid 1px; width: 150px; background-color: #fff;  color: #666;
                position: fixed;right: -100%; bottom:-100%; z-index: 999;}
            #fixQqKf .fix-qq-kf-qrcode{ padding:12px 14px;}
            #fixQqKf .fix-qq-kf-items{ padding:18px 12px 0 12px;}
            #fixQqKf .fix-qq-kf-item{ display: block; height: 30px;line-height: 30px; margin-bottom: 10px;
                color: #666; text-decoration: none; overflow: hidden; padding-bottom: 2px; font-size: 14px;}
            #fixQqKf .fix-qq-kf-item:hover{ color:#B51F24;}
            #fixQqKf .fix-qq-kf-icon{float: left;
                width: 30px; height: 100%; margin-right: 10px; margin-top: 2px;
                font-size:28px;  font-family: 'iconfontfixqq';}
            #fixQqKf .fix-qq-kf-name{display: block; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;
               overflow: hidden; border: #eee solid 1px; text-align: center;
            }
            #fixQqKf .fix-qq-kf-item:hover .fix-qq-kf-name{background:#B51F24;  color: #fff;}
    
            #fixQqKf .fix-qq-kf-qrcode img{ width: 100%;}
            #fixQqKf .fix-qq-kf-tel{
                height: 40px; line-height: 40px; text-align: center; font-size: 20px;
                background:#B51F24;
                color: #fff;
            }
            #fixQqKf .fix-qq-kf-close{ position: absolute;right:0; top:0; z-index: 10; cursor: pointer;
                font-size: 20px; font-family: SimSun;}
            #fixQqKf .fix-qq-kf-close:hover{color:#B51F24;}
    
    ↓ 查看全文

    悬浮右侧qq在线客服代码由懒人建站收集整理,您可以自由传播,请主动带上本文链接

    快乐十分玩法与奖金就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

    悬浮右侧qq在线客服代码-最新评论

    • 胡子哥 河南省郑州市 2017-06-18 10:04:51
      悬浮右侧qq在线客服代码 可以下载了
    • 何学玲 2017-03-15 12:16:50
      下载不 了啊
    • 11 2017-03-15 12:03:50
      下载不 了啊
  • 金灿荣 美国想遏制中国根本不可能, 我们和苏联不一样! 2018-12-09
  • 到户就不是计划经济,统一经营坚持集体的是计划经济。 2018-11-30
  • 过半美国人希望“特普”会面 以期改善美俄关系 2018-11-24
  • 专家:美方一意孤行 必将损人害己 2018-11-22
  • 【克山天气】最新克山今天天气,实时提供克山气温、空气质量、24小时天气预报、生活指数查询 2018-11-22
  • 每逢佳节酒席多,随不起的份子伤不起的面子 2018-11-20
  • 今年回南天为何掉线了?这其实并不奇怪 2018-11-16
  • 清热-热门标签-华商生活 2018-11-16
  • 服装业华丽转身后面临渠道尴尬 2018-11-12
  • 亲信干政案一审宣判:朴槿惠被判24年监禁 罚款180亿韩元 2018-11-12
  • 国台办主任张志军赴金门参访 2018-11-06
  • 【学习时刻学思践悟十九大⑥】光明日报王丹:中国书写“最成功的脱贫故事” 2018-11-03
  • 天润·西山农牧场亚心网第十届全民植树节举行 2018-11-03
  • 悦读 —频道 春城壹网 七彩云南 一网天下 2018-10-31
  • 做法-热门标签-华商生活 2018-10-28
  • 805| 923| 110| 825| 356| 23| 362| 808| 798| 471|