Recientemente, estoy trabajando en un proyecto de desarrollo front-end, que requiere un efecto de desplazamiento sin problemas, arriba, hacia abajo, el desplazamiento hacia la izquierda y la derecha sin problemas. El siguiente editor compartirá el código de implementación en la plataforma de red Wulin. Los amigos que lo necesitan pueden referirse a él. Si hay algún error, no dude en pedirles que aprendan y progresen juntos.
El código específico es el siguiente:
< xmlns = "http://www.w3.org/1999/xhtml"> <fead> <title> Una fila de múltiples columnas de bucles de texto con pausa-</title> <meta name = "Keywords" Content = "Efectos de la página web"/> <meta name = "Descripción" Content = ""/> <meta http-equiv = Content-type Content; "TEXT/" TEXT/"TEXT/" TEXT/"TEXT/" ALTADO; "ALTADO; charset = utf-8 "> <style type =" text/css "> ul {altura: 200px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px} #announcion {width: 300px; altura: 200px; fondo: url (img/iMg /bg. Hidden;}#anuncio div {border:#e6e6e6 1px sólido; relleno: 0px 10px 0px 10px; overflow-y: hidden; line-height: 24px; altura: 100px;}#anuncio li {font-size: 12px; float: izquierda; list-style-type: none; margin-right: 20px-lift; URL (img/Arrow_right.gif) No-Repeat 0px 50%; White-Space: Nowrap} #AnEnsonEnment A {Text-Decoration: Ninguno;}#anuncio a: Hover {Text-Decoration: Underline;} </style> </head> <body> <Div id = "anuncio" en MOUSEOVER = "if (! Anntount) {Clear TimeOut (Clear TimeOut (ANNST); onMouseOut = "if (! Annst) annst = setTimeOut ('anuncioscroll ()', annDelay);"> <div id = "scrbody"> <ul> <li> <a href = "#" target = "_ en blanco"> JQuery Picture Slidesshow Effects similar a Tencent (se puede reproducir automáticamente) </a> </li> <li> <a href = " Target = "_ Blank"> VB VBERA Manager de tareas de Windows Windows </a> </li> <li> <a href = "#/js/texiao" target = "_ blank"> jQuery tip múltiple cuadro de indica de enlace </a> </li> <li> <a href = "#/js/ad" target = "_ blank" Correos electrónicos </a> </li> <li> <a href = "#/html+css" target = "_ blank"> ++ Lianlian Watch Code Source Source con complemento </a> </li> <li> <a href = "#/" target = "_ en blanco"> Interceptor de gancho vb basado en VB </a> </li> <li> <a href = "#" Target = "_ en blanco"> href = "#/" target = "_ en blanco"> vb algunos consejos comunes para sistemas operativos VB </a> </li> <li> <a href = "#/js" target = "_ en blanco"> Xtree Standard Web Menú (menú de árbol) </a> </li> </ul> </div> </iv> <scriptye = "Text/jawripe" $ (id) {return document.getElementById (id);} var annDelay = 3000; var annCount = 0; var annheight = 24; var annst = 0; function anuncioscroll () {if (! annst) {$ ('scrbody'). innerhtml += '<bryle = "claro: ambas $ ('scrbody'). innerhtml; $ ('scrbody'). scrollTop = 0; if ($ ('scrbody'). scrollheight> annheight * 3) {annst = setTimeOut ('anuncioscroll ()', annDelay);} else {$ ('anuncio'). null;} return;} if (annCount == annheight) {if ($ ('scrbody'). scrollheight - annheight <= $ ('scrbody'). scrollTop) {$ ('scrbody'). scrollTop = $ ('scrbody'). scrollheight / 2 - annheight;} annCount = 0; annst = setTimeOut ('anuncioscroll ()', annDelay);} else {$ ('scrbody'). 10);}} anunciosCroll (); </script> </body> </html>El anterior es el código que el editor le presentó usando JS y HTML para combinar etiquetas de marquesina para lograr un efecto de desplazamiento sin problemas. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!