Для приготвления такой бегущей строки нужно:
Скачать и закинуть к себе файл с javascript - crawler.js. В нем прописана логика.
Поместить нижеприведенный код в нужное место вашей страницы.
В коде нужно указать актуальный путь к файлу crawler.js и прописать пути к картинкам, или просто текст.
Так же в коде можно определить скорость бегущей строки и реакцию на курсор.

html-код бегущей строки

Код: Выделить всё

<script type="text/javascript" src="http://www.teamlead.ru/download/attachments/87655047/crawler.js">
</script>
 
<div class="marquee" id="mycrawler">
 
<a href="http://www.metlifealico.ru/" target="_blank"><img
border="0" height="40" title="MetLife Alico"
src="http://www.teamlead.ru/download/attachments/87655047/alico.gif"></a>
 
<a href="http://www.life.com.ua/?lng=ru" target="_blank"><img
border="0" height="40" title="Украинский GSM оператор мобильной связи Life"
src="http://www.teamlead.ru/download/attachments/87655047/life.jpg"></a>
 
</div>
<script type="text/javascript">
marqueeInit({
uniqueid: 'mycrawler',
style: {
'padding': '0px',
'height': '40px'
},
inc: 6, //максимальная скорость ускорения блока при приближении курса к краю (в пикселах)
mouse: 'cursor driven', //поведение при наведении указателя. Возможные значения - ('pause' 'cursor driven' or false)
moveatleast: 1, //скорость бегущей строки, когда указатель находится вне блока
neutral: 150,
savedirection: true
});
</script>
Скачать скрипт - [hide]http://www.teamlead.ru/download/attachm ... 000&api=v2[/hide]

Просмотреть демо можно у меня на форуме в шапке. http://satray.ru/
Комментарии: 3

romaamor 25 апр 2014, 20:31 Сообщение

Что то я не могу найти в этой бегущей строки где изменяется высота. Кто то в курсе ?
  • 0

CabinetAdmin 26 апр 2014, 05:34 Сообщение

Код: Выделить всё

'height': '40px'
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

gail 11 сен 2014, 15:41 Сообщение

this is a good post

__________
imran
  • 0