Идея:
Набор изображений контролирует его прокатную полосу для Rolling, и в настоящее время копируя этот набор изображений и добавляя его в оригинальную группу с картинками, теперь есть два набора изображений. Вы можете себе представить, что Rolling Bar продолжает катиться На этот раз вы можете чувствовать бесшовную прокрутку.
Код кода копирования следующим образом:
<!
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" /> />
<Название> JS картинки Rolling Left </title>
<Стиль типа = "text/css">
img {
граница: нет;
}
</style>
</head>
<тело>
<div id = "demo" style = "overflow: hidden; ширина: 500px;">
<Таблица границы = 0 Align = Center CellPadding = 1 CellSpacing = 1 Cellspace = 0>
<tr>
<td id = "demo1" value = "top" bgcolor = "ffffff">
<!- Особое внимание, общая ширина следующей картины должна быть больше, чем ширина демонстрации, определенной выше. , в противном случае будут некоторые проблемы! ->
<Таблица cell -spacing = "0" cellpadding = "0">
<tr align = "center">
<td> <a href = "#" target = "_lank"> <img src = "Images/1.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "Images/2.jpg"> </a> </td>
<td> <a href = "#" target = "_ blank"> <img src = "Images/3.jpg"> </a> </td>
<td> <a href = "#" target = "_ blank"> <img src = "Images/4.jpg"> </a> </td>
<td> <a href = "#" target = "_lank"> <img src = "Images/5.jpg"> </a> </td>
</tr>
</table>
</td>
<td id = "demo2" value = "top">
</td>
</tr>
</table>
</div>
<div id = "msg"> </div>
<script type = "text/javascript" src = "jquery.js"> </script>
<script type = "text/javascript">
// 0: фиксированная скорость
varulaed = 30;
// 1: Получить элемент демонстрации Демо -1 Демо2
var demo = $ ("#demo");
var demo1 = $ ("#demo1");
var demo2 = $ ("#demo2");
// 2: копировать Demo1-> demo2
var cont = $ ("#demo1").
$ ("#demo2").
// 3: Создать метод для выполнения времени
функция hello () {
var Left = $ ("#Demo").
if (слева> = $ ("#demo1"). width ()) {
слева = 0;
} Еще {
слева ++;
}
$ ("#Demo").
setTimeout ("hello ()", speed);
}
привет ();
// перемещать demo.scrollleft ();
</script>
</body>
</html>