简单的网页在线咨询代码

最新推荐文章于 2024-07-09 11:56:47 发布
Cc.＇沐艿伊℡
最新推荐文章于 2024-07-09 11:56:47 发布
阅读量2.5k
点赞数 2
分类专栏： web js 文章标签： css javascript html
本文链接：https://blog.csdn.net/qq_44899153/article/details/106653344
版权
web 同时被 2 个专栏收录
53 篇文章 0 订阅
订阅专栏
15 篇文章 1 订阅
订阅专栏
简单的网页在线咨询代码

在这里插入图片描述
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../static/jq/jquery.min.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        a {
            text-decoration: none;
        }
        
        body {
            background-color: #eefaec;
        }
        
        li {
            list-style: none;
        }
        
        .online {
            position: fixed;
            bottom: 150px;
            right: 10px;
            width: 60px;
            z-index: 999;
            color: #999;
        }
        
        .online a {
            color: #666;
            font-size: 14px;
            vertical-align: middle;
        }
        
        .online a svg {
            vertical-align: middle;
        }
        
        .online a:hover {
            text-decoration: none;
        }
        
        .online dl {
            margin-bottom: 1px;
            background: rgba(46, 125, 50, 0.6);
            padding: 10px 5px;
            margin-bottom: 1px;
            position: relative;
        }
        
        .online dl dd {
            color: #fff;
            text-align: center;
            font-size: 12px;
            cursor: pointer;
        }
        
        .online dl dd.icon_top {
            color: #fff;
            text-align: center;
            font-size: 12px;
            cursor: pointer;
            margin-inline-start: 0;
            height: 25px;
        }
        
        .online dl dd i {
            font-size: 25px;
        }
        
        .online dl:hover {
            background: #1781bd;
        }
        
        .online dl dt {
            position: absolute;
            top: 0px;
            right: 60px;
            background: #fff;
            border: 1px solid #ccc;
            z-index: 9999;
            display: none;
            padding: 10px 15px;
            font-weight: normal;
        }
        
        .online dl dt h3 {
            display: block;
            font-size: 16px;
            color: #666;
            border-bottom: 1px solid #ccc;
            padding-bottom: 5px;
            margin-bottom: 8px;
        }
        
        .online dl dt h3 i {
            margin-right: 5px;
        }
        
        .online dl dt h3 span {
            float: right;
            cursor: pointer;
        }
        
        .online dl dt input {
            border: 1px solid #ccc;
            border-radius: 5px;
            margin-top: 15px;
            height: 40px;
            line-height: 40px;
            padding: 3px 5px;
            width: 100%;
        }
        
        .online dl dt button {
            margin: 10px 0;
            border: none;
            border-radius: 5px;
            width: 100%;
            font-size: 18px;
            height: 40px;
            line-height: 40px;
            background: #28a7e1;
            color: #fff;
            cursor: pointer;
        }
        
        .online dl:hover {
            background: #7fc482;
        }
        
        .bg-info {
            background-color: #2da233 !important;
        }
    </style>
</head>

<body>
    <div class="online d-none d-md-block">
        <dl>
            <dt style="width: 150px; display: none;">
                <h3>
                    <svg t="1591710175556" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10674" width="15" height="15"><path d="M768 384C732.672 384 704 412.672 704 448 704 483.328 732.672 512 768 512 803.328 512 832 483.328 832 448 832 412.672 803.328 384 768 384L768 384ZM512 832C474.624 832 438.528 827.648 403.84 820.256L253.184 910.816 255.2 762.368C139.712 692.928 64 578.112 64 448 64 235.936 264.576 64 512 64 759.424 64 960 235.936 960 448 960 660.096 759.424 832 512 832L512 832ZM512 0C229.248 0 0 200.608 0 448 0 589.408 75.04 715.328 192 797.408L192 1024 416.288 887.904C447.328 893.024 479.264 896 512 896 794.752 896 1024 695.424 1024 448 1024 200.608 794.752 0 512 0L512 0ZM256 384C220.672 384 192 412.672 192 448 192 483.328 220.672 512 256 512 291.328 512 320 483.328 320 448 320 412.672 291.328 384 256 384L256 384ZM512 384C476.672 384 448 412.672 448 448 448 483.328 476.672 512 512 512 547.328 512 576 483.328 576 448 576 412.672 547.328 384 512 384L512 384Z" p-id="10675" fill="#666666"></path></svg>
                </i>在线咨询<span class="remove">
                    <svg t="1591710650671" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11694" width="15" height="15"><path d="M925.468404 822.294069 622.19831 512.00614l303.311027-310.331931c34.682917-27.842115 38.299281-75.80243 8.121981-107.216907-30.135344-31.369452-82.733283-34.259268-117.408013-6.463202L512.000512 399.25724 207.776695 87.993077c-34.675754-27.796066-87.272669-24.90625-117.408013 6.463202-30.178323 31.414477-26.560936 79.375815 8.121981 107.216907l303.311027 310.331931L98.531596 822.294069c-34.724873 27.820626-38.341237 75.846432-8.117888 107.195418 30.135344 31.43699 82.72919 34.326806 117.408013 6.485715l304.178791-311.219137 304.177767 311.219137c34.678824 27.841092 87.271646 24.951275 117.408013-6.485715C963.808618 898.140501 960.146205 850.113671 925.468404 822.294069z" p-id="11695" fill="#666666"></path></svg>
                </span></h3>
                <p>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes">
                        <svg t="1591709723398" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9017" width="22" height="22"><path d="M173.056 947.712c0 41.984 73.728 76.288 164.352 76.288S501.76 989.696 501.76 947.712s-73.728-76.288-164.352-76.288-164.352 33.792-164.352 76.288zM521.728 947.712c0 41.984 73.728 76.288 164.352 76.288 91.136 0 164.352-34.304 164.352-76.288s-73.728-76.288-164.352-76.288c-90.624-0.512-164.352 33.792-164.352 76.288z" fill="#F5B824" p-id="9018"></path><path d="M878.08 506.88l-36.864-118.784C840.704 1.536 528.384 0 512 0c-16.896 0-328.704 1.536-328.704 388.096L145.92 506.88s-125.44 157.696-40.96 294.912c9.728 6.656 10.24 30.72 61.44-77.312 0 0 68.608 241.664 343.552 243.712h3.072c274.944-2.048 343.552-243.712 343.552-243.712 51.2 108.032 52.224 86.016 61.44 77.312 85.504-137.216-39.936-294.912-39.936-294.912z" fill="#121213" p-id="9019"></path><path d="M526.336 254.464c0 51.712 29.696 93.696 66.56 93.696s66.56-41.984 66.56-93.696c0-51.712-29.696-93.696-66.56-93.696-36.864 0.512-66.56 41.984-66.56 93.696zM355.328 254.464c0 51.712 29.696 93.696 66.56 93.696s66.56-41.984 66.56-93.696c0-51.712-29.696-93.696-66.56-93.696-36.352 0.512-66.56 41.984-66.56 93.696z" fill="#FFFFFF" p-id="9020"></path><path d="M414.72 254.464c0 22.016 12.8 40.448 28.672 40.448 15.872 0 28.672-17.92 28.672-40.448s-12.8-40.448-28.672-40.448c-15.872 0.512-28.672 18.432-28.672 40.448z" fill="#161616" p-id="9021"></path><path d="M781.312 466.944c-113.152 94.208-269.312 83.456-269.312 83.456s-156.672 10.752-269.312-83.456c0 0-107.52 484.864 269.312 484.864s269.312-484.864 269.312-484.864z" fill="#FAFAFB" p-id="9022"></path><path d="M840.704 388.096s-90.112 161.792-328.704 161.792-328.704-161.792-328.704-161.792C144.896 492.032 145.92 506.88 145.92 506.88c36.864 40.96 80.896 74.752 129.536 99.84-3.072 34.816-7.68 88.064-7.168 115.2 0.512 42.496 26.624 45.056 86.528 51.2 59.904 5.632 47.616-10.24 47.616-37.376V650.24c63.488 12.288 109.056 7.68 109.056 7.68s208.896 21.504 366.08-152.064c0.512 1.024 1.536-13.824-36.864-117.76z" fill="#D53118" p-id="9023"></path><path d="M687.616 407.552c-53.76-25.6-140.8-33.792-175.616-33.792s-121.856 8.192-175.616 33.792c-25.6 8.704-35.84 15.36-35.84 24.064 0 1.024 1.024 2.56 2.56 4.096 50.176 31.232 125.44 51.2 209.408 51.2s159.232-19.968 209.408-51.2c1.536-2.048 2.56-3.072 2.56-4.096-0.512-8.704-10.752-15.36-36.864-24.064z" fill="#F0B225" p-id="9024"></path></svg>
                        <!-- <img border="0" src="/template/default/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"> -->
                        售前咨询专员
                    </a>
                </p>
                <p>
                    <a target="_blank" href="http://wpa.qq.com/msgrd?v=3&amp;uin=&amp;site=qq&amp;menu=yes">
<svg t="1591709723398" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9017" width="22" height="22"><path d="M173.056 947.712c0 41.984 73.728 76.288 164.352 76.288S501.76 989.696 501.76 947.712s-73.728-76.288-164.352-76.288-164.352 33.792-164.352 76.288zM521.728 947.712c0 41.984 73.728 76.288 164.352 76.288 91.136 0 164.352-34.304 164.352-76.288s-73.728-76.288-164.352-76.288c-90.624-0.512-164.352 33.792-164.352 76.288z" fill="#F5B824" p-id="9018"></path><path d="M878.08 506.88l-36.864-118.784C840.704 1.536 528.384 0 512 0c-16.896 0-328.704 1.536-328.704 388.096L145.92 506.88s-125.44 157.696-40.96 294.912c9.728 6.656 10.24 30.72 61.44-77.312 0 0 68.608 241.664 343.552 243.712h3.072c274.944-2.048 343.552-243.712 343.552-243.712 51.2 108.032 52.224 86.016 61.44 77.312 85.504-137.216-39.936-294.912-39.936-294.912z" fill="#121213" p-id="9019"></path><path d="M526.336 254.464c0 51.712 29.696 93.696 66.56 93.696s66.56-41.984 66.56-93.696c0-51.712-29.696-93.696-66.56-93.696-36.864 0.512-66.56 41.984-66.56 93.696zM355.328 254.464c0 51.712 29.696 93.696 66.56 93.696s66.56-41.984 66.56-93.696c0-51.712-29.696-93.696-66.56-93.696-36.352 0.512-66.56 41.984-66.56 93.696z" fill="#FFFFFF" p-id="9020"></path><path d="M414.72 254.464c0 22.016 12.8 40.448 28.672 40.448 15.872 0 28.672-17.92 28.672-40.448s-12.8-40.448-28.672-40.448c-15.872 0.512-28.672 18.432-28.672 40.448z" fill="#161616" p-id="9021"></path><path d="M781.312 466.944c-113.152 94.208-269.312 83.456-269.312 83.456s-156.672 10.752-269.312-83.456c0 0-107.52 484.864 269.312 484.864s269.312-484.864 269.312-484.864z" fill="#FAFAFB" p-id="9022"></path><path d="M840.704 388.096s-90.112 161.792-328.704 161.792-328.704-161.792-328.704-161.792C144.896 492.032 145.92 506.88 145.92 506.88c36.864 40.96 80.896 74.752 129.536 99.84-3.072 34.816-7.68 88.064-7.168 115.2 0.512 42.496 26.624 45.056 86.528 51.2 59.904 5.632 47.616-10.24 47.616-37.376V650.24c63.488 12.288 109.056 7.68 109.056 7.68s208.896 21.504 366.08-152.064c0.512 1.024 1.536-13.824-36.864-117.76z" fill="#D53118" p-id="9023"></path><path d="M687.616 407.552c-53.76-25.6-140.8-33.792-175.616-33.792s-121.856 8.192-175.616 33.792c-25.6 8.704-35.84 15.36-35.84 24.064 0 1.024 1.024 2.56 2.56 4.096 50.176 31.232 125.44 51.2 209.408 51.2s159.232-19.968 209.408-51.2c1.536-2.048 2.56-3.072 2.56-4.096-0.512-8.704-10.752-15.36-36.864-24.064z" fill="#F0B225" p-id="9024"></path></svg>
                        <!-- <img border="0" src="/template/default/images/qq.jpg" alt="点击这里给我发消息" title="点击这里给我发消息"> -->
                        售后服务专员
                    </a>
                </p>
            </dt>
            <dd class="icon_top"><svg t="1591705489229" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1462" width="25" height="25"><path d="M512 64c282.77 0 512 186.25 512 416 0 229.752-229.23 416-512 416-27.156 0-53.81-1.734-79.824-5.044C322.198 1000.934 190.926 1020.656 64 1023.552l0-26.916c68.536-33.578 128-94.74 128-164.636 0-9.754-0.758-19.33-2.164-28.696C74.04 727.04 0 610.55 0 480 0 250.25 229.23 64 512 64zM194.886 391c-45.288 0-82 36.712-82 82s36.712 82 82 82 82-36.712 82-82S240.172 391 194.886 391zM512 391c-45.288 0-82 36.712-82 82s36.712 82 82 82 82-36.712 82-82S557.288 391 512 391zM849.482 391c-45.288 0-82 36.712-82 82s36.712 82 82 82 82-36.712 82-82S894.77 391 849.482 391z" p-id="1463" fill="#ffffff"></path></svg></dd>
            <dd>在线咨询</dd>
        </dl>

        <dl>
            <dt style="width: 300px; display: none;">
                <h3><i class="fa fa-volume-control-phone"></i>免费通话<span class="remove"><i class="fa fa-remove"></i></span>
                </h3>
                <p>24小时免费咨询</p>
                <p>请输入您的联系电话，座机请加区号</p>
                <form onsubmit="return subform(this);">
                    <p><input type="text" name="tel" id="tel" autocomplete="off" placeholder="请输入您的电话号码" required="" maxlength="30"></p>
                    <p>
                        <button type="submit">免费通话</button>
                    </p>
                </form>
            </dt>
            <dd class="icon_top"><svg t="1591705942595" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2467" width="25" height="25"><path d="M889.9 676.3c-24.6-41.9-72.6-65.4-142.8-69.9-19.8-1.1-39.2 5.1-54.5 17.6-20.6 16.6-72.9 55.3-114.6 57h-0.4c-2.6-0.3-23.6-3.4-76.2-41.1-40.5-29.2-83-67.1-113.7-101.4-17.6-19.5-31.2-37.2-39.3-51.3-5.5-9.4-7.6-15-8.3-17.8 6.1-13.3 16.7-26.7 28-40.4 13.8-16.8 30.9-37.7 41-64.1 12-31.9 10.6-64.1-4.5-98.3-18.7-43-53-75.1-99.3-93-35.2-13.3-63.7-13.2-64.5-13.5l-4 0.2c-22.9 2.3-80.4 13.2-121.5 65.8-40.4 51.3-51.2 124.7-32.1 218.1 12 58.5 41.5 120.4 87.7 184 39.2 53.7 89.2 107.5 144.6 155.6 49.4 43.3 104 82.9 153.5 111.5 28.3 16.7 81.8 45 120.8 46.8 5.9 1.4 27.6 6 58.7 6 15 0 31.2-1.2 46.9-3.4 55.8-8.9 134.4-38.5 192.1-129.4l1.9-3.7c1.5-3.1 9.4-19.7 13.8-42.9 6.4-35 1.7-66.9-13.3-92.4zM597.7 858.4c-9.6-0.3-38.7-8.2-86.5-35.9-43.7-25-93.5-61.1-140.2-101.8-112.1-98.4-186.6-205.4-204.5-293.5-13.5-67.3-8.3-117.4 15.6-148.9 22.6-30 56.2-33.6 59.4-33.9 3.6 0 17.5 1.4 34.1 8 25.1 9.3 42.2 25 52.4 47.7 12 27.6 2.9 40.9-25.1 75.4-15 18.9-32 40.3-42.6 67.1-11.2 29.8-1.2 65.7 30.6 109.8 31.1 43.5 82.8 95.3 138.3 138.6 43.6 33.9 104.8 74.3 149.4 74.3h2.9c65.2-3 129.4-47.7 162.5-74.8 38 3.1 63.8 13.1 72.7 28.2 9 15.2 3.5 40.9-1.9 53.5-31.7 49.7-75.6 79.5-130.6 88.6-42.7 7-76.5-1-76.9-1.1l-4.1-1.1-5.5-0.2zM945.3 455.3c-3.6 21.4-21.4 36.8-42.6 36.8h-3.2c-12.4-1.4-22.7-7.1-29.7-16.1-7-8.8-10.1-19.9-8.7-31.1 10.2-82.8-6.2-148.8-48.6-196.1-81.1-90.3-232.8-90.5-239.2-90.3h-1c-22.4 0-41.2-18.6-41.9-41.4-0.3-11.2 3.8-21.9 11.7-30 7.8-8.1 18.4-12.8 29.7-13.1 35.7 0.1 73.5 4.6 109.8 12.9 35.6 8.2 68.7 19.7 98.1 34.2 37.8 18.4 70.1 42.4 96.1 71.3 59.6 66.2 83.1 154.7 69.5 262.9zM565.8 231.9c1.2 0 111.2 2.4 180.5 80.3 40.8 45.8 58 106.6 51.1 180.9-1.4 20.7-19.9 37.7-41.3 37.7h-2.8c-12.1-1-22.5-6.4-29.8-15.2-7.2-8.6-10.6-19.5-9.6-30.7 4.7-49.3-5.5-88.6-30.5-116.9-43.8-49.3-119.2-51.9-119.9-52h-0.1c-11.2-0.4-21.7-5-29.3-13.1-7.8-8.1-11.8-18.8-11.5-30.1 0.4-11.2 5-21.7 13-29.4 8.3-8 19.1-12 30.2-11.5z" p-id="2468" fill="#ffffff"></path></svg></i>
            </dd>
            <dd>免费通话</dd>
        </dl>

        <dl>
            <dt style="width: 200px; display: none;">
                <h3><i class="fa fa-weixin" aria-hidden="true"></i>微信扫一扫<span class="remove"><i class="fa fa-remove"></i></span></h3>
                <p><svg t="1591708826606" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5684" width="170" height="170"><path d="M682.666667 725.333333v-42.666666h-128v-128h128v85.333333h85.333333v85.333333h-42.666667v85.333334h-85.333333v85.333333h-85.333333v-128h85.333333v-42.666667h42.666667z m213.333333 170.666667h-170.666667v-85.333333h85.333334v-85.333334h85.333333v170.666667zM128 128h341.333333v341.333333H128V128z m426.666667 0h341.333333v341.333333h-341.333333V128zM128 554.666667h341.333333v341.333333H128v-341.333333z m640 0h128v85.333333h-128v-85.333333zM256 256v85.333333h85.333333V256H256z m0 426.666667v85.333333h85.333333v-85.333333H256zM682.666667 256v85.333333h85.333333V256h-85.333333z" p-id="5685"></path></svg></p>
            </dt>
            <dd class="icon_top"><svg t="1591706098236" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3281" width="25" height="25"><path d="M290.907021 294.935266c0-13.697977-4.168949-24.714891-12.506848-33.05279s-19.354813-12.506848-33.05279-12.506848c-14.292518 0-26.799366 4.466732-37.519522 13.400195-10.720156 8.933463-16.376992 19.652596-16.972557 32.159444 0 13.101389 5.65786 23.821545 16.972557 32.159444 11.31572 8.336876 23.821545 12.505825 37.519522 12.505825 13.697977 0 24.714891-3.870144 33.05279-11.612479C286.738072 320.244698 290.907021 309.228807 290.907021 294.935266zM660.736021 547.741016c0-8.93244-4.168949-17.270339-12.506848-25.01165-8.337899-7.740288-19.058055-11.316743-32.160467-10.721179-9.529027 0-17.865903 3.871167-25.01165 11.615549-7.144724 7.740288-11.017938 15.781428-11.613502 24.11728 0 9.530051 3.870144 17.86795 11.613502 25.012673 7.741311 7.145747 16.07921 11.018961 25.01165 11.613502 13.102413 0 23.820522-3.572362 32.160467-10.720156C656.567072 566.501288 660.736021 557.864584 660.736021 547.741016zM543.712771 294.935266c0-13.697977-4.167926-24.714891-12.505825-33.05279-8.337899-8.336876-19.355837-12.506848-33.05279-12.506848-14.293541 0-26.799366 4.466732-37.519522 13.400195-10.721179 8.933463-16.07921 19.652596-16.07921 32.159444 0 13.101389 5.358031 23.821545 16.07921 32.159444 10.720156 8.337899 23.225981 12.505825 37.519522 12.505825 13.696953 0 24.713868-3.870144 33.05279-11.612479C539.543821 320.244698 543.712771 309.228807 543.712771 294.935266zM859.944062 547.741016c0-8.93244-4.466732-17.270339-13.400195-25.01165-8.933463-7.740288-19.653619-11.316743-32.159444-10.721179-8.933463 0-16.974603 3.871167-24.119327 11.615549-7.145747 7.740288-11.018961 15.781428-11.614525 24.11728 0 9.530051 3.871167 17.86795 11.614525 25.012673 7.742335 7.145747 15.782451 11.018961 24.119327 11.613502 13.101389 0 23.819498-3.572362 32.159444-10.720156C854.881766 566.501288 859.347474 557.864584 859.944062 547.741016zM726.840578 350.319667c-10.124592-1.785669-21.73707-2.679016-34.839483-2.679016-55.979966 0-107.494223 12.803607-154.540725 38.411845-47.048549 25.607214-84.270289 60.446697-111.663172 104.517425-27.39493 44.068681-40.794102 91.713818-40.199561 142.930293 0 26.201755 3.871167 51.514257 11.612479 75.931367-11.910261 1.191128-23.224957 1.784646-33.945113 1.784646-8.93244 0-17.270339-0.297782-25.01165-0.893346-7.741311-0.594541-16.972557-1.784646-27.693736-3.571339-10.720156-1.786693-18.163685-2.977821-22.332634-3.573385-4.168949-0.594541-13.101389-2.382257-26.799366-5.360078-13.696953-2.976798-22.034852-4.465708-25.012673-4.465708l-125.95569 62.531172 35.731806-108.089787C49.71375 579.900459 1.475096 498.312256 1.475096 403.026076c0-55.980989 16.07921-107.494223 48.238654-154.541749 32.159444-47.047526 76.229149-84.269265 132.210138-111.663172 55.979966-27.39493 116.427686-40.794102 181.341115-40.198537 58.362222 0 113.449865 10.720156 165.262928 32.159444 51.811016 21.439288 95.285157 51.812039 130.422422 91.117231C694.087617 259.204483 716.71701 302.676577 726.840578 350.319667L726.840578 350.319667zM1022.524904 629.925806c0 38.709627-11.31572 75.632561-33.946137 110.769826-22.629393 35.136242-53.597709 67.295686-92.9029 96.476285l27.693736 90.223884-99.157347-53.597709c-50.025347 11.911284-86.352717 17.865903-108.983133 17.865903-55.979966 0-107.494223-11.614525-154.540725-34.840506-47.049572-23.223934-84.270289-55.085596-111.664196-95.582939-27.39493-40.495296-41.092907-84.270289-41.092907-131.314745 0-47.050596 13.696953-91.118254 41.092907-132.210138 27.39493-41.091884 64.615647-72.655763 111.664196-94.690616 47.047526-22.034852 98.559736-33.945113 154.540725-35.731806 53.598732 0 103.923908 11.911284 150.969387 35.731806 47.047526 23.821545 84.863806 55.683207 113.449865 95.583962C1008.23341 538.50977 1022.524904 582.282716 1022.524904 629.925806z" p-id="3282" fill="#ffffff"></path></svg></dd>
            <dd>微信联系</dd>
        </dl>

        <dl class="scroll-top" style="display: block;">
            <dd class="icon_top"><svg t="1591706129795" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4091" width="25" height="25"><path d="M511.609097 961.619254" p-id="4092" fill="#ffffff"></path><path d="M846.620104 753.070474 511.629563 406.696676 172.304298 757.600651l0-0.017396c-11.521404 11.462053-27.132964 18.532075-44.375673 18.532075-35.320437 0-63.923892-29.600155-63.923892-66.109674 0-17.817808 6.831592-33.986045 17.917068-45.886073l0 0 383.580189-396.650879 0 0c11.643178-12.456706 27.930119-20.2236 46.006823-20.2236l0.12075 0 0.156566 0c18.076704 0 34.406624 7.766894 46.006823 20.2236l0.038886 0 383.54642 396.650879-0.160659 0.160659c11.042497 11.877515 17.796318 27.969005 17.796318 45.725414 0 36.509519-28.605501 66.109674-63.923892 66.109674C875.700419 776.11533 858.342076 767.175727 846.620104 753.070474L846.620104 753.070474zM846.620104 753.070474" p-id="4093" fill="#ffffff"></path></svg></dd>
            <dd>返回顶部</dd>
        </dl>
    </div>

    <script>
        //在线客服
        $('.scroll-top').click(function() {
            $('html,body').animate({
                scrollTop: '0px'
            }, 800);
        });

        $('.online dl').on("mouseover", function() {
            $(this).find("dt").show();
            $(this).siblings().find("dt").hide();
        });

        $('.online dl').on("mouseleave", function() {
            $(this).find("dt").hide();
        });
        $('.online dl').find('.remove').on("click", function() {
            $(this).parents("dt").hide();
        });
        $(window).scroll(function() {
            if ($(document).scrollTop() <= 100) {
                $('.online .scroll-top').hide();
            } else {
                $('.online .scroll-top').show();
            }
        });
        //ajax提交表单

        function subform(obj) {
            var url = '/?form/2/';
            var tel = $(obj).find("#tel").val();
            var reg = /^[1][3,4,5,7,8][0-9]{9}$/;
            if (!reg.test(tel)) {
                alert('电话号码错误！');
                return false;
            }
            console.log(tel);

            // $.ajax({
            //     type: 'POST',
            //     url: url,
            //     dataType: 'json',
            //     data: {
            //         tel: tel
            //     },
            //     success: function(response, status) {
            //         if (response.code) {
            //             alert("您的来电已收到，我们会尽快联系您！");
            //             $(obj)[0].reset();
            //         } else {
            //             alert(response.data);
            //         }
            //     },
            //     error: function(xhr, status, error) {
            //         alert('返回数据异常！');
            //     }
            // });
            return false;
        }
    </script>
</body>

</html>
Cc.＇沐艿伊℡
关注
2
点赞
踩
12

收藏

觉得还不错? 一键收藏
2
评论
简单的网页在线咨询代码

简单的网页在线咨询代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="../static/
复制链接

扫一扫
专栏目录