Recentemente, estou trabalhando em um projeto de desenvolvimento front-end, que requer efeito de rolagem contínuo, para cima, para baixo, para a esquerda e a direita rolando perfeitamente. O editor a seguir compartilhará o código de implementação na plataforma de rede Wulin. Amigos que precisam podem se referir a ele. Se houver bugs, sinta -se à vontade para pedir que aprendam e progredam juntos.
O código específico é o seguinte:
<! xmlns = "http://www.w3.org/1999/xhtml"> <head> <titter> Uma linha de várias colunas de loops de texto com pausa-</title> <meta name = "palavras-chave" content = "web page"/> <meta " content = "text/html; charset = utf-8"> <style type = "text/css"> ul {height: 200px; preenchimento de preenchimento: 0px; preenchimento-left: 0px; preenchimento de preenchimento: 0px; margin: 0px; top-top: 0px} #annoucment: {largura: 300px; altura: 200px; background: url (img/menus_bg.gif) repete; estouro: hidden;}#anúncio div {border:#e6e6e6 1px sólido; padding: 0px 10px 0px 10px; overflow {hidden; line-height: 24px; 12px; float: esquerda; tipo de listar tipo: nenhum; margem-direita: 20px; preenchimento-esquerda: 10px; background: url (img/arrow_right.gif) sem repetição 0px 50%; espaço em branco: nowrap} #annouce A {texto de texto: nenhum;}# {Decoração de texto: sublinhado;} </style> </head> <body> <div id = "anúncio" onmouseover = "if (! AnnCount) {clearTimeout (annst); annst = 0}" onMouseout = "if (! Annst) anns = settimeout ('registro) href = "#" Target = "_ Blank"> JQuery Picture Slideshow Efeitos semelhantes ao tencent (pode ser reproduzido automaticamente) </a> </li> <li> <a href = "#/js" alvo = "_ Blank"> VB Versão aprimorada Windows Task Manager </a> </li> <li> <a href = "> VB Versão aprimorada Windows Manager </a> </li> <li> <a hre ="> Caixa de prompt de link de estilo múltiplo plug-in </a> </li> <li> <a href = "#/" target = "_ Blank"> Bancho de gancho VB baseado em API Interceptor </a> </li> <li> <a href = "#/" Target = "_" Blank "> href ="#/"target =" _ "VB <bli) href = "#/js" Target = "_ Blank"> Xtree Standard Web Menu Tree (menu da árvore) </a> </li> </ul> </div> </div> <script type = "text/javaScript"> function $ (id) {return document.getElementby (id);} var anndlay = 3000; anúncio anúncio () {if (! Annst) {$ ('scrody'). innerhtml + = '<br style = "clear: ambos" />' + $ ('scrbody'). innerhtml; $ ('scrbody'). scrolntop = 0; if ($ ('scrbody). (' scrollHeight >Heast *). AnNDELAY);} else {$ ('anúncio'). onMouseOver = $ ('anúncio'). $ ('scrody'). scrolHeight / 2 - AnsHeight;} AnnCount = 0; Annst = setTimeout ('anúncioscroll ()', Anndelay);} else {$ ('scrbody'). scrollTop ++; annCount ++; anns = settimeout ('omentcroll ()', AnnDely; ; Annst = setTimeout ('anúncioscroll ()', 10);}} anúncio (); </sCript> </body> </html>O acima é o código que o editor apresentou a você usando JS e HTML para combinar tags de letreiro para obter um efeito de rolagem contínuo. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!