zoukankan      html  css  js  c++  java
  • 可展开滚动的QQ客服代码【蓝底客服中心】

    可展开滚动的QQ客服代码
    可展开滚动的QQ客服代码

    <LINK href="qq/qq.css" type=text/css rel=stylesheet>
    <SCRIPT src="qq/ServiceQQ.htm"></SCRIPT>

    加进需要的网页末尾

    http://www.lanrentuku.com/js/kefu-606.html

    serviceqq.htm

    document.write("<div id='divMenu' onmouseover='OnlineOver();'><img src='qq/qq_1.png' class='press' alt='QQ客服热线'></div>");

    图品地址都需要修改

    qq.css

    .QQbox {
    Z
    -INDEX: 99; RIGHT: 0px; WIDTH: 178px; POSITION: absolute; TOP: 40px
    }
    .QQbox .press {
    RIGHT: 0px; WIDTH: 33px; CURSOR: pointer; BORDER
    -TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; POSITION: absolute; HEIGHT: 158px; BORDER-BOTTOM-STYLE: none
    }
    .QQbox .Qlist {
    BACKGROUND: url(qq_listbg.gif) repeat
    -y -155px 0px; LEFT: 0px; WIDTH: 145px; POSITION: absolute
    }
    .QQbox .Qlist .t {
    FONT
    -SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px
    }
    .QQbox .Qlist .b {
    FONT
    -SIZE: 1px; FLOAT: right; WIDTH: 145px; HEIGHT: 6px
    }
    .QQbox .Qlist .t {
    BACKGROUND: url(qq_listbg.gif) no
    -repeat left 50%
    }
    .QQbox .Qlist .b {
    BACKGROUND: url(qq_listbg.gif) no
    -repeat right 50%
    }
    .QQbox .Qlist .con {
    BACKGROUND: #fff; MARGIN: 0px auto; WIDTH:
    90%
    }
    .QQbox .Qlist .con H2 {
    BORDER
    -RIGHT: #3a708d 1px solid; BORDER-TOP: #3a708d 1px solid; BACKGROUND: url(qq_listbg.gif) repeat-y -163px 0px; FONT: bold 12px/22px "宋体"; BORDER-LEFT: #3a708d 1px solid; COLOR: #fff; BORDER-BOTTOM: #3a708d 1px solid; HEIGHT: 22px; TEXT-ALIGN: center
    }
    .QQbox .Qlist .con UL {PADDING
    -TOP: 4px; text-align:left;

    }
    .QQbox .Qlist .con UL LI {
    PADDING
    -RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: #ffffff; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 20px
    }
    .QQbox .Qlist .con UL LI.odd {
    BACKGROUND: #fff
    }

    还要注意的是,如果网站是UTF-8,则修改把SERVICEQQ.htm转为UTF8编码格式

  • 相关阅读:
    Ext JS 6学习文档-第5章-表格组件(grid)
    Ext JS 6学习文档-第4章-数据包
    Ext JS 6学习文档-第3章-基础组件
    Ext JS 6学习文档–第2章–核心概念
    Ext JS 6学习文档–第1章–ExtJS入门指南
    Console命令详解,让调试js代码变得更简单
    使用Node.js+Socket.IO搭建WebSocket实时应用
    node.js应用--转载
    Node.js 究竟是什么?
    Hello, Unity!
  • 原文地址:https://www.cnblogs.com/tangge/p/2012578.html
Copyright © 2011-2022 走看看