zoukankan      html  css  js  c++  java
  • 网站加入QQ在线客服

        <!-- qq客服 -->
        <div class="QQFloat" >
            <div class="qq">
                <div class="qq_t">
                    <img src="/qqimages/qq01.png">
                </div>
                <div class="qq_bg">
                    <ul>
                        <li>
                            <img src="/qqimages/qq.gif" border="0" align="absmiddle">
                            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=你的QQ号&amp;site=qq&amp;menu=yes">
                                <font color="#000000">王经理</font>
                            </a>
                        </li>
                        <li>
                            <img src="/qqimages/qq.gif" border="0" align="absmiddle">
                            <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=你的QQ号&amp;site=qq&amp;menu=yes">
                                <font color="#000000">陈经理</font>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="qq_d">
                    <img src="/qqimages/qq02.png">
                </div>
            </div>
        </div>
    /* qq客服 */
    .QQFloat{z-index:20;left:87%;visibility:visible;width: 132px;position: fixed;top: 20px;height:300px;}
    .qq{width:130px;}
    .qq_t{width:130px;}
    .qq_d{width:130px;}
    .qq_bg{width:125px; background:url(/qqimages/qq03.png) repeat-y; padding:10px 0px 10px; overflow:hidden;}
    .qq_bg ul{margin:0px; padding:0px;}
    .qq_bg li{width:90px; height:26px; float:left; margin-left:20px; text-align:left; line-height:26px; background:url(/qqimages/qq04.png) no-repeat; display:inline; margin-bottom:5px;}
    .qq_bg li a{color:#333;font-size:12px;text-decoration: none;}
    .qq_bg li a:hover{color:#FF0000; text-decoration: underline; font-size:12px;}
    .qq_bg li img{margin-top:4px; float:left; margin-left:10px; margin-right:5px;width:auto;}


  • 相关阅读:
    js加法计算器
    js基础语句
    箭头点击左右滚动-18
    返回头部,滚动显示-17
    图片定位一个地方
    最值一看专题图片轮播图-16
    右侧常用浮动导航,返回顶部-15
    产业带多种轮播效果,头部效果-14
    分辨率判断-13
    图片自动滚动,鼠标滑过悬停-12
  • 原文地址:https://www.cnblogs.com/jying/p/9219230.html
Copyright © 2011-2022 走看看