CSS:
ul, li {маржа: 0; Заполнение: 0; } #scrolldiv {width: 300px; Высота: 25px; высота линии: 25px; Пограничный подклад: #4C8CD1 1PX SOLID; переполнение: скрыто; } #scrolldiv li {height: 25px; Лебь накладки: 10px; }JS:
<cript> function autoScroll (obj) {$ (obj) .find ("ul: first"). animate ({margintop: "-25px"}, 800, function () {$ (this) .css ({margintop: "0px"}). Найти ("li: First"). } $ (document) .ready (function () {setInterval ('autoScroll ("#scrolldiv")', 3000) setInterval ('autoScroll ("#scrolldiv")', 3000)}); </script>HTML:
<div id = "scrolldiv"> <ul> <li> Это первая строка титула объявления </li> <li> Это вторая строка названия объявления </li> <li> Это третья строка названия объявления </li> <li> Это четвертая строка названия объявления </li> <li> Это пятая линия «Объявление». Название </li> <li> Это седьмая строка названия объявления </li> <li> Это восьмая строка названия объявления </li> </ul> </div>
Простая реализация вышеупомянутой JS непрерывной прокрутки - это весь контент, которым я делюсь с вами. Я надеюсь, что вы можете дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.