1. Visão geral
A rolagem de imagens em um loop pode não apenas adicionar efeitos dinâmicos à página da web, mas também salvar o espaço da página e garantir efetivamente que mais imagens sejam exibidas em páginas limitadas.
2. Pontos técnicos
O método principal é usado para alcançar o efeito de rolagem da figura. O formato de sintaxe do método setTimeout () é o seguinte:
setTimeout (função, milissegundos, [argumentos])
Descrição do parâmetro:
um. Função: o nome da função personalizada JavaScript a ser chamada.
b. Milissegundos: Defina o tempo de tempo limite em milissegundos.
Função: Após o término do tempo limite, a função é chamada. Este valor pode ser limpo com a função ClearTimeout ().
3. Implementação específica
(1) Adicione uma tag <div> com a demonstração do atributo de identificação na posição apropriada da página e adicione uma tabela e a imagem a ser exibida na tag. O código -chave é o seguinte:
<div id = "Demo" style = "Overflow: Hidden; largura: 455px; altura: 166px;"> <tabela CellPacing = "0" CellPadding = "0"> <tr> <td Valign = "Top" Id = "Marquepic1"> <! align = "Center"> <%para (int i = 1; i <8; i ++) {%> <td> <img src = "imagens/<%= i%>.(2) Escreva uma função JavaScript personalizada Move () para obter efeito de rolagem de loop de imagem ininterrupto. Quanto maior o valor de velocidade, mais rápido a imagem rola. O código específico é o seguinte:
<Script Language = "JavaScript"> Var Speed = 30; // defina o tempo de intervalo marquepic2.innerhtml = marquepic1.innerhtml; var demo = document.getElementById ("Demo"); // obtenha a função de objeto de demonstração marquise (n) {// método para realizar rolagem de loop de imagem se (marquepic1.offsetWidth-demo.scrollleft <= 0) {Demo.ScrollLeft = 0; } else {Demo.ScrollLeft = Demo.ScrollLeft+n;}} var myMar = setInterval ("marquise (5)", velocidade); Demo.onMouseOver = function () {// Pare de rolar ClearInterval (myMar);} Demo.OnMouseOut = function () {/ MyMar = setInterval ("marquise (5)", velocidade);} </sCript>O exposto acima é o conhecimento relevante sobre o código JavaScript que o editor apresentou a você para realizar o efeito de rolagem de loop de imagem. Espero que seja útil para você. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a você a tempo. Muito obrigado pelo seu apoio ao site wulin.com!