Ideia:
Um conjunto de imagens controla sua barra de rolamento para rolar e, neste momento, copiando esse conjunto de imagens e adicionando -o ao grupo de figuras originais, agora existem dois conjuntos de fotos. Você pode imaginar que a barra de rolagem continua a rolar agora Desta vez, você poderá sentir rolagem perfeita.
Copie o código do código da seguinte forma:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Título> imagens js rolando à esquerda </title>
<Style type = "text/css">
img {
fronteira: nenhuma;
}
</style>
</head>
<Body>
<div id = "Demo" style = "Overflow: Hidden; largura: 500px;">
<Borda da tabela = 0 alinhamento = Centro CellPadding = 1 CellSpacacing = 1 CellSpace = 0>
<tr>
<td id = "Demo1" value = "top" bgcolor = "ffffff">
<!- Atenção especial, a largura total da figura a seguir deve ser maior que a largura da demonstração definida acima. , caso contrário, haverá alguns problemas! ->
<Tabela CellSpacing = "0" CellPadding = "0">
<tr align = "Center">
<td> <a href = "#" target = "_lank"> <img src = "imagens/1.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "imagens/2.jpg"> </a> </td>
<td> <a href = "#" target = "_ blank"> <img src = "imagens/3.jpg"> </a> </td>
<td> <a href = "#" target = "_ blank"> <img src = "imagens/4.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "imagens/5.jpg"> </a> </td>
</tr>
</tabela>
</td>
<td id = "Demo2" value = "top">
</td>
</tr>
</tabela>
</div>
<div id = "msg"> </div>
<script type = "text/javascript" src = "jQuery.js"> </script>
<script type = "text/javascript">
// 0: velocidade fixa
varulado = 30;
// 1: Obtenha o elemento demonstração de demonstração2
var demo = $ ("#Demo");
var demo1 = $ ("#Demo1");
var demo2 = $ ("#Demo2");
// 2: cópia demo1-> demo2
var cont = $ ("#Demo1").
$ ("#Demo2").
// 3: Crie o método para executar o tempo
função hello () {
var esquerdo = $ ("#Demo").
if (esquerda> = $ ("#Demo1"). width ()) {
Esquerda = 0;
} Outro {
Esquerda ++;
}
$ ("#Demo").
setTimeout ("hello ()", velocidade);
}
olá ();
// move Demo.ScrollLeft ();
</script>
</body>
</html>