右侧漂浮 联系代码

<aside id="astra-widget-floating-buttons-2" class="astra-widget-floating-buttons">
            <div class="astra-widget-floating-buttons-inner clearfix float-right stack">

 <div class="icon-item">
                                <a href="#btn-enquiry" class="icon-type-link popup-with-form" target="_self" rel="noopener nofollow" aria-label="phone-alt">
                                    <span class="ast-widget-icon phone-alt" style="background-color:#153CBA" ;="">
<svg t="1697340347397" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1518" width="16" height="16"><path d="M842.885223 80.406666h-57.801528v44.877008h57.801528c20.938792 0 37.973227 17.035651 37.973226 37.974443v696.943724c0 20.938792-17.034434 37.973227-37.973226 37.973227H181.112345c-20.938792 0-37.973227-17.034434-37.973227-37.973227V163.256901c0-20.938792 17.034434-37.974443 37.973227-37.974444h57.801527V80.406666H181.112345c-45.757617 0-82.850235 37.093834-82.850235 82.851451v696.943724c0 45.757617 37.093834 82.851451 82.850235 82.851451h661.772878c45.757617 0 82.850235-37.093834 82.850234-82.851451V163.256901c0-45.757617-37.092618-82.850235-82.850234-82.850235z" fill="#ffffff" p-id="1519"></path><path d="M664.051028 81.155913c11.333585 0 20.554438 9.220853 20.554438 20.554439v7.222454c0 11.333585-9.220853 20.554438-20.554438 20.554438H359.946539c-11.333585 0-20.554438-9.220853-20.554438-20.554438v-7.222454c0-11.333585 9.220853-20.554438 20.554438-20.554439h304.104489m0-44.877007H359.946539c-36.136597 0-65.431446 29.294848-65.431446 65.431446v7.222454c0 36.136597 29.294848 65.431446 65.431446 65.431446h304.104489c36.136597 0 65.431446-29.294848 65.431446-65.431446v-7.222454c0-36.136597-29.294848-65.431446-65.431446-65.431446zM653.267215 486.600995h-282.536863c-12.392992 0-22.438504-10.045512-22.438504-22.438503s10.046728-22.438504 22.438504-22.438504h282.536863c12.391776 0 22.438504 10.045512 22.438504 22.438504s-10.046728 22.438504-22.438504 22.438503zM653.267215 620.563047h-282.536863c-12.392992 0-22.438504-10.045512-22.438504-22.438503 0-12.391776 10.046728-22.438504 22.438504-22.438504h282.536863c12.391776 0 22.438504 10.045512 22.438504 22.438504 0 12.391776-10.046728 22.438504-22.438504 22.438503z" fill="#ffffff" p-id="1520"></path><path d="M511.998784 787.405633c-12.391776 0-22.438504-10.045512-22.438504-22.438504V446.50409c0-12.392992 10.046728-22.438504 22.438504-22.438504 12.392992 0 22.438504 10.045512 22.438504 22.438504v318.463039c0 12.391776-10.045512 22.438504-22.438504 22.438504z" fill="#ffffff" p-id="1521"></path><path d="M511.3736 471.641587a22.371607 22.371607 0 0 1-15.866776-6.571728L358.238839 327.800658c-8.762304-8.762304-8.762304-22.970032 0-31.732336 8.76352-8.762304 22.970032-8.762304 31.732335 0l137.269202 137.269202c8.762304 8.762304 8.762304 22.970032 0 31.732335a22.372823 22.372823 0 0 1-15.866776 6.571728z" fill="#ffffff" p-id="1522"></path><path d="M512.623968 471.641587a22.371607 22.371607 0 0 1-15.866776-6.571728c-8.762304-8.762304-8.762304-22.970032 0-31.732335l137.269201-137.269202c8.762304-8.762304 22.970032-8.762304 31.732336 0 8.762304 8.762304 8.762304 22.970032 0 31.732336L528.489527 465.068643a22.367958 22.367958 0 0 1-15.865559 6.572944z" fill="#ffffff" p-id="1523"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Inquire</span>
                                                                                                                                            </a>
</div>

<div class="icon-item">
                                <a href="https://wa.me/message/ICKQSHO73K6JC1" class="icon-type-link" target="_blank" rel="noopener nofollow" aria-label="whatsapp">
                                    <span class="ast-widget-icon whatsapp" style="background-color:#13c348" ;="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" width="14" height="14"><path d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z" fill="#ffffff"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Whatsapp<br/>+8613800138000</span>
                                                                                                                                            </a>
</div>

<div class="icon-item">
<a href="mailto:sales@jtyc.co" class="open-popup-link" target="_self" rel="noopener nofollow" aria-label="envelope">
                                    <span class="ast-widget-icon envelope" style="background-color:#bc25ea">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="14" height="14"><path d="M502.3 190.8c3.9-3.1 9.7-.2 9.7 4.7V400c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V195.6c0-5 5.7-7.8 9.7-4.7 22.4 17.4 52.1 39.5 154.1 113.6 21.1 15.4 56.7 47.8 92.2 47.6 35.7.3 72-32.8 92.3-47.6 102-74.1 131.6-96.3 154-113.7zM256 320c23.2.4 56.6-29.2 73.4-41.4 132.7-96.3 142.8-104.7 173.4-128.7 5.8-4.5 9.2-11.5 9.2-18.9v-19c0-26.5-21.5-48-48-48H48C21.5 64 0 85.5 0 112v19c0 7.4 3.4 14.3 9.2 18.9 30.6 23.9 40.7 32.4 173.4 128.7 16.8 12.2 50.2 41.8 73.4 41.4z" fill="#ffffff"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Send email</span>
                                                                    </a>
</div>

<div class="icon-item">
                        <a href="#" class="icon-type-link wechat-box" target="_self" rel="noopener nofollow" aria-label="wechat-alt">
                                    <span class="ast-widget-icon wechat-alt" style="background-color:#00C800" ;="">
<svg t="1722673757810" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7646" width="16" height="16"><path d="M499.057025 347.95532c27.691946 0 45.751911-18.661964 45.751911-45.751911 0-27.089947-18.661964-45.751911-45.751911-45.751911-26.487948 0-54.781893 17.457966-54.781893 45.751911C444.275132 329.895356 472.569077 347.95532 499.057025 347.95532z" p-id="7647" fill="#ffffff"></path><path d="M299.795414 301.601411c0-27.089947-18.661964-45.751911-45.751911-45.751911-26.487948 0-54.781893 17.457966-54.781893 45.751911 0 28.293945 28.293945 45.751911 54.781893 45.751911C281.73545 347.95532 299.795414 329.293357 299.795414 301.601411z" p-id="7648" fill="#ffffff"></path><path d="M1024 625.476778c0-67.423868-30.099941-132.439741-84.279835-183.007643-53.577895-49.965902-125.215755-80.667842-201.067607-87.28983 0-1.203998 0-2.407995 0-3.611993-31.905938-148.091711-190.833627-260.063492-370.229277-260.063492C164.947678 91.503821 0 232.973545 0 406.951205 0 499.659024 46.955908 583.938859 136.653733 649.556731l-30.70194 92.707819c-2.407995 7.223986 0 14.447972 5.417989 19.263962 5.417989 4.815991 13.845973 5.417989 19.865961 2.407995l116.787772-58.393886 13.845973 3.009994 0.601999 0c36.119929 7.223986 67.423868 13.845973 105.951793 13.845973 7.223986 0 34.915932-2.407995 43.945914-6.621987 44.547913 108.359788 163.74368 181.201646 297.387419 181.201646 33.711934 0 68.025867-7.825985 102.3398-16.253968l89.697825 48.761905c2.407995 1.203998 5.417989 2.407995 8.427984 2.407995 4.213992 0 8.427984-1.203998 11.437978-4.213992 6.019988-4.815991 7.825985-12.039976 6.019988-19.263962l-22.875955-75.249853C981.258083 772.364491 1024 698.318636 1024 625.476778zM864.470312 803.66843c-6.019988 4.213992-8.427984 12.039976-6.019988 18.661964l12.641975 42.741917-54.179894-29.497942c-2.407995-1.203998-5.417989-2.407995-8.427984-2.407995-1.203998 0-3.009994 0-4.213992 0.601999-31.303939 7.825985-63.811875 16.253968-95.717813 16.253968-146.285714 0-265.481481-100.533804-265.481481-223.943563 0-123.409759 119.195767-223.943563 265.481481-223.943563 143.877719 0 264.879483 102.3398 264.879483 223.943563C974.034098 687.482657 935.506173 750.692534 864.470312 803.66843zM181.803645 640.526749c2.407995-7.223986 0-15.049971-6.621987-19.865961C90.901822 561.664903 48.159906 490.027043 48.159906 407.553204 48.159906 258.859494 191.435626 137.857731 367.821282 137.857731c154.111699 0 291.96943 93.911817 322.069371 218.525573-164.345679 3.611993-297.387419 120.399765-297.387419 261.869489 0 18.661964 2.407995 37.925926 7.825985 57.189888-0.601999 0-1.805996 0-2.407995 0-9.631981 0.601999-19.865961 1.203998-30.099941 1.203998-34.313933 0-63.811875-6.019988-95.717813-12.641975l-19.263962-3.611993c-3.611993-0.601999-7.825985 0-11.437978 1.203998l-80.065844 40.333921L181.803645 640.526749z" p-id="7649" fill="#ffffff"></path><path d="M612.834803 509.893004c-18.661964 0-37.323927 18.661964-37.323927 37.323927 0 18.661964 18.661964 37.323927 37.323927 37.323927 28.293945 0 45.751911-19.263962 45.751911-37.323927C658.586714 529.156966 641.128748 509.893004 612.834803 509.893004z" p-id="7650" fill="#ffffff"></path><path d="M804.872428 509.893004c-18.661964 0-36.721928 18.661964-36.721928 37.323927 0 18.661964 18.059965 37.323927 36.721928 37.323927 28.293945 0 45.751911-19.263962 45.751911-37.323927C850.624339 529.156966 833.166373 509.893004 804.872428 509.893004z" p-id="7651" fill="#ffffff"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Wechat<img src="http://demo8.xunpanduo.com/wp-content/uploads/2024/08/erweima.png" /></span>
                                                                                                                                            </a>
</div>

<div class="icon-item">
                                <a href="https://www.tiktok.com/@jtyc_enginepartsfactory" class="icon-type-link" target="_blank" rel="noopener nofollow" aria-label="tiktok">
                                    <span class="ast-widget-icon tiktok" style="background-color:#FD1753" ;="">
 <svg t="1714703003955" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6949" width="16" height="16"><path d="M960 419.82a420.12 420.12 0 0 1-245.54-78.5v357.44A325.1 325.1 0 1 1 434 376.62v179.78a149.24 149.24 0 1 0 104.46 142.36V0h176a242.36 242.36 0 0 0 3.72 44.34A244.36 244.36 0 0 0 826 204.78a242.86 242.86 0 0 0 134 40.28z" p-id="6950" fill="#ffffff"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Tiktok</span>
                                                                                                                                            </a>
</div>
<div class="icon-item">
                                <a href="https://www.youtube.com/@JTYCEngineParts" class="icon-type-link" target="_blank" rel="noopener nofollow" aria-label="youtube">
                                    <span class="ast-widget-icon youtube" style="background-color:#FF0000" ;="">
 <svg t="1714702897252" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5871" width="16" height="16"><path d="M628 710.857143l0 120.571429q0 38.285714-22.285714 38.285714-13.142857 0-25.714286-12.571429l0-172q12.571429-12.571429 25.714286-12.571429 22.285714 0 22.285714 38.285714zm193.142857 0.571429l0 26.285714-51.428571 0 0-26.285714q0-38.857143 25.714286-38.857143t25.714286 38.857143zm-552-124.571429l61.142857 0 0-53.714286-178.285714 0 0 53.714286 60 0 0 325.142857 57.142857 0 0-325.142857zm164.571429 325.142857l50.857143 0 0-282.285714-50.857143 0 0 216q-17.142857 24-32.571429 24-10.285714 0-12-12-0.571429-1.714286-0.571429-20l0-208-50.857143 0 0 223.428571q0 28 4.571429 41.714286 6.857143 21.142857 33.142857 21.142857 27.428571 0 58.285714-34.857143l0 30.857143zm245.142857-84.571429l0-112.571429q0-41.714286-5.142857-56.571429-9.714286-32-40.571429-32-28.571429 0-53.142857 30.857143l0-124-50.857143 0 0 378.857143 50.857143 0 0-27.428571q25.714286 31.428571 53.142857 31.428571 30.857143 0 40.571429-31.428571 5.142857-15.428571 5.142857-57.142857zm193.142857-5.714286l0-7.428571-52 0q0 29.142857-1.142857 34.857143-4 20.571429-22.857143 20.571429-26.285714 0-26.285714-39.428571l0-49.714286 102.285714 0 0-58.857143q0-45.142857-15.428571-66.285714-22.285714-29.142857-60.571429-29.142857-38.857143 0-61.142857 29.142857-16 21.142857-16 66.285714l0 98.857143q0 45.142857 16.571429 66.285714 22.285714 29.142857 61.714286 29.142857 41.142857 0 61.714286-30.285714 10.285714-15.428571 12-30.857143 1.142857-5.142857 1.142857-33.142857zm-347.428571-521.714286l0-120q0-39.428571-24.571429-39.428571t-24.571429 39.428571l0 120q0 40 24.571429 40t24.571429-40zm410.857143 429.142857q0 133.714286-14.857143 200-8 33.714286-33.142857 56.571429t-58.285714 26.285714q-105.142857 12-317.142857 12t-317.142857-12q-33.142857-3.428571-58.571429-26.285714t-32.857143-56.571429q-14.857143-64-14.857143-200 0-133.714286 14.857143-200 8-33.714286 33.142857-56.571429t58.857143-26.857143q104.571429-11.428571 316.571429-11.428571t317.142857 11.428571q33.142857 4 58.571429 26.857143t32.857143 56.571429q14.857143 64 14.857143 200zm-570.285714-729.142857l58.285714 0-69.142857 228 0 154.857143-57.142857 0 0-154.857143q-8-42.285714-34.857143-121.142857-21.142857-58.857143-37.142857-106.857143l60.571429 0 40.571429 150.285714zm211.428571 190.285714l0 100q0 46.285714-16 67.428571-21.142857 29.142857-60.571429 29.142857-38.285714 0-60-29.142857-16-21.714286-16-67.428571l0-100q0-45.714286 16-66.857143 21.714286-29.142857 60-29.142857 39.428571 0 60.571429 29.142857 16 21.142857 16 66.857143zm191.428571-92.571429l0 285.142857-52 0 0-31.428571q-30.285714 35.428571-58.857143 35.428571-26.285714 0-33.714286-21.142857-4.571429-13.714286-4.571429-42.857143l0-225.142857 52 0 0 209.714286q0 18.857143 0.571429 20 1.714286 12.571429 12 12.571429 15.428571 0 32.571429-24.571429l0-217.714286 52 0z" p-id="5872" fill="#ffffff"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Youtube</span>
                                                                                                                                            </a>
</div>
<div class="icon-item">
                                <a href="https://www.linkedin.com/in/%E8%8A%9D%E6%B5%A9-%E5%BC%A0-58a497306/" class="icon-type-link" target="_blank" rel="noopener nofollow" aria-label="linkedin">
                                    <span class="ast-widget-icon linkedin" style="background-color:#0073B1" ;="">
 <svg t="1714703074729" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8030" width="16" height="16"><path d="M12.768 1007.776h229.04V357.888H12.768v649.888z m762.176-670.384c-94.8 0-147.072 31.552-207.248 107.984v-87.504H339.024v649.904H567.68V654.624c0-74.528 35.84-147.424 121.536-147.424s106.768 72.88 106.768 145.648v354.944H1024v-369.44c0-256.688-154.224-300.96-249.056-300.96zM127.712 32.208C57.152 32.208 0 83.552 0 146.928c0 63.328 57.152 114.592 127.712 114.592 70.496 0 127.648-51.28 127.648-114.592 0-63.376-57.152-114.72-127.648-114.72z" fill="#ffffff" p-id="8031"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">Linkedin</span>
                                                                                                                                            </a>
</div>

<div class="icon-item">
                        <a href="tel:+8618702510900" class="icon-type-link" target="_self" rel="noopener nofollow" aria-label="phone-alt">
                                    <span class="ast-widget-icon phone-alt" style="background-color:#ff6b3f" ;="">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="14" height="14"><path d="M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z" fill="#ffffff"></path></svg>
                                                                            </span>
                                                                            <span class="btn-title">+8613800138000</span>
                                                                                                                                            </a>
</div>






                                    </div>

</aside>
/*float btn*/
.astra-widget-floating-buttons-inner{
	position: fixed;
	top:25%;
	right:5px;
	z-index:999;
}
.wechat-box .btn-title{width:160px!important;padding:15px;text-align:center;}
.astra-widget-floating-buttons-inner .icon-item{
	position: relative;
}

.astra-widget-floating-buttons-inner .ast-widget-icon{
	-js-display: flex;
	display: flex;
	align-self: center;
	justify-content: center;
	width: 1em;
	transition: all .1s linear;
}

.astra-widget-floating-buttons-inner .ast-widget-icon svg{
	-ms-grid-row-align: center;
	align-self: center;
}

.astra-widget-floating-buttons-inner .ast-widget-icon{
	vertical-align: middle;
}

.astra-widget-floating-buttons-inner .ast-widget-icon:hover{
	opacity: .7;
	cursor: pointer;
}

.astra-widget-floating-buttons-inner .btn-title{
	background: #323232;
	color: #fff;
	font-size: 12px;
	padding: 5px 8px;
	position: absolute;
	top: 2px;
	right: -300px;
	opacity: 0;
	line-height: 1.5;
	border-radius: 3px;
	white-space: nowrap;
}

.astra-widget-floating-buttons-inner .btn-title::before{
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	right: -4px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #323232;
}
.astra-widget-floating-buttons-inner .icon-item:hover .btn-title {
	opacity: 1;
}
.item-image .icon-item-content-inner{
	text-align: center;
}
.astra-widget-floating-buttons-inner.inline .icon-item{
	-js-display: inline-flex;
	display: inline-flex;
	text-align: center;
}

.astra-widget-floating-buttons-inner .ast-widget-icon{
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	line-height: 2;
}

.astra-widget-floating-buttons-inner .icon-item{
	transition: all .1s linear;
}

#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner {
	top: 35%;
	right: 10px;
}
#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner .ast-widget-icon {
	font-size: 14px;
	width: 34px;
	height: 34px;
	border-radius: 2px;
}

#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner .icon-item:hover .btn-title {
	right: 44px;
}
#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner.float-left .icon-item:hover .btn-title {
	left: 44px;
	right: auto;
}
#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner.stack .icon-item {
	margin-bottom: 2px;
}

#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner.inline .icon-item {
	margin-right: 2px;
}

#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner.inline .icon-item:last-child {
	margin-right: 0;
}

#astra-widget-floating-buttons-2 .astra-widget-floating-buttons-inner .icon-item:last-child {
	margin-right: 0;
	margin-bottom: 0;
}
/*float btn end*/

 

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如遇到加密压缩包,默认解压密码为"Yongwp.com",如遇到无法解压的请联系管理员!
WordPress外贸建站 » 右侧漂浮 联系代码

查看优质的WP整站案例

立即查看 联系我们