jquery实现网站右侧悬浮客服qq咨询电话二维码效果代码

代码语言:html

所属分类:布局界面

代码描述:jquery实现网站右侧悬浮客服qq咨询电话二维码效果代码

代码标签: jquery 网站 右侧 悬浮 客服 qq 咨询 电话 二维码

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <style>
        /*reset*/
    html, body, h1, h2, h3, h4, h5, h6, div, dl, dt, dd, ul, ol, li, p, blockquote, pre, hr, figure, table, caption, th, td, form, fieldset, legend, input, button, textarea, menu{
        margin:0;
        padding:0;
    }
    body{position:relative;font-size:14px;background-color:white;overflow:auto;}
    body, button, input, keygen, legend, select, textarea{
        font-family:"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
        font-weight:400;
        color:#333;
        outline:0;
        speak:none;
        -webkit-font-feature-settings:normal;
        -moz-font-feature-settings:normal;
        font-feature-settings:normal;
        font-variant:normal;
        text-transform:none;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
    }
    h1, h2, h3, h4, h5, h6{font-weight:400;}
    li{list-style:none;}
    html, body, fieldset, img, iframe, abbr{border:0;}
    img{vertical-align:top;}
    a, button{cursor:pointer;}
    a{color:#333;outline:none;text-decoration:none;}
    a:focus{ color:#333;
         outline:none; 
         -moz-outline:none;
    }  
    
    
    /*common*/
    body{background:#F4F5F9;}
    a:hover{color:#fc8080;text-decoration:none;}
    a:-webkit-any-link{text-decoration:none;}
    .container{width:1200px;margin:0 auto;padding:0;}
    .container:after{content:"";display:block;clear:both;}
    .clearfix:after{content:"";display:block;c.........完整代码请登录后点击上方下载按钮下载查看

网友评论0