Red de conocimiento informático - Conocimiento sistemático - Encuentre el código para la ventana flotante de servicio al cliente en el lado derecho del sitio web jq

Encuentre el código para la ventana flotante de servicio al cliente en el lado derecho del sitio web jq

ltbody gt

ltdiv style = " altura: 10000 px;" gt lt/div gt

ltdiv class="suspensión "

ltdiv class=" caja-suspensión " >

lta href = " # " class = " a-service " > lti class="i " > lt/I gt; lt/a gt;

lta href = "JavaScript:;" class="aTeléfono de servicio" >lti class="i" >lt/I gt;lt/a gt;

lta href = "JavaScript:;" a-qrcode " > lti class="i " > lt/I gt; lt/a gt;

lta href = " # " class =" a-cart " > lti class="i" > lt/I gt; lt/a gt;

lta href = "JavaScript:" class="a a-top" > lti class="i" > lt/ I gt; ;

ltdiv class="d d-service " >>p>

lti class="arrow " > lt/I gt;

ltdiv class="inner- box " >>p>

ltdiv class = " d-service-item clear fix " >>p>

lta href="#" class="clearfix " > ltspan class="circle " > ltI clase = " I-QQ " gt; lt/I gt; lth3 gt consulta servicio al cliente en línea

lt/div gt

lt/div gt

lt/div gt; class = " d d-Línea directa de servicio"

lti class="arrow " > lt/I gt;

ltdiv class="inner-box "

ltdiv class = " d-service-item clear fix " >>p>

ltspan class="circle " > lti class="i-tel " > lt/I gt;

ltdiv class="text "

línea directa de servicio ltp gt

ltp class="número rojo" >4001-123-456 lt;/p gt ;

lt/div gt;

lt/div gt;

ltdiv class = " corrección clara de d-service-intro " >>p>

ltp gt lt我gt lt/I gt; Funciones y características

ltp gt ltIgt lt/I gt; Precios y ofertas

ltp gt ltIgt lt/I gt; información

lt/div gt;

lt/div gt;

lt/div gt

ltdiv clase ="d d; -qrcode " >>p>

lti class="arrow " > lt/I gt;

ltdiv class="inner-box " >>p>

ltdiv class=" qrcode-img " > ltimg src = " imágenes/side _ ewm jpg " alt = " " gt; lt/div gt;

ltp gt Cuenta de servicio WeChat

lt/div gt;

lt/div gt;

lt/div gt;

lt/div gt;

ltscript tipo = " texto /JavaScript " src = " js/jquery-1 . min . js " gt; lt/script gt;

ltscript type = " texto/JavaScript " gt;

p>

$(documentación). ready(function(){

/*-Suspensión lateral-*/

$(document).on("mouseenter", ".pause.a", function(){

var _ this = $(this);

var s = $(".pause");

var es service = _ this tiene clase. (" a-service ");

var isServicePhone = _ this tiene class(" a-service-phone ");

var isqr code = _ this tiene class(. "código a-QR");

if(isService){ s.find(".d-service").show().sibling(.d").hide();}< / p>

if(isServicePhone){ s.find(".d-ServicePhone").show().sibling(.d").hide();}

if( isQrcode){ s.find(".código d-QR").show().sibling(.d").hide();}

});

$(documento) .open("aleja el mouse", "pausa".

a-top ", función(){

$(".pause").find(".d").hide();

});

$(document).on("mouseenter", ".pause.a-top", function(){

$(".pause").find(".d"). ocultar();

});

$(document).open("hacer clic",".pause.a-top",función(){

$("html, cuerpo"). animación({ desplazarse hacia arriba: 0});

});

$(ventana). st = $(documento). desplazarse hacia arriba();

var $top = $("Pausa. a-top");

if( ST gt; 400) {

$ top . CSS({ display: ' block ' });

} En caso contrario {

if($ top . is (":visible "){

$ arriba . ocultar();

}

}

});

});

lt/script gt;

lt/body gt;