Как сделать автоматическую прокрутку контента?

12
BadBoy
На сайте с 31.01.2005
Offline
308
5230

Гуру CSS и Java

задача, есть кусок сайта где надо сделать так чтобы контент самостоятельно прокручивался в этом куске справа на лева, а когда наводишь курсор на это место, то прокрутка бы останавливалась. Как это сделать?

оранжевый цвет - это пример куска сайта где должен крутиться текст.

Спасибо.

[Удален]
#1

Этот плагин должен помочь, там в примере как раз есть то что надо.

gormarket
На сайте с 29.12.2010
Offline
47
#2

Недавно вставлял подобное сюда http://brigantina-ekb.ru/

Таблица с position relative с несколькими ячейками находится в диве меньшего размера с overflow hidden и по таймеру сдвигается на пиксел влево. В какой то момент левая крайняя ячейка таблицы переносится на правую сторону таблицы, что позволяет двигаться ей постоянно, не кончаясь. При наведении курсора мыши таймер движения блокируется, и движение останавливается.

Скрипт находится прямо в тексте страницы. Скрипт не мой, вставлял на данный движок с готового купленного дизайна.

Товары и цены в магазинах Вашего города: Городской рынок (http://gormarket.ru/)
BadBoy
На сайте с 31.01.2005
Offline
308
#3

gormarket, а кусок кода который крутит картинки, можете скинуть, чето не могу выдрать.

gormarket
На сайте с 29.12.2010
Offline
47
#4

BadBoy, скинул в личку

кстати, для этой цели может подойти еще тег marquee (на локалке экспериментировал, но на сайтах не применял)

BadBoy
На сайте с 31.01.2005
Offline
308
#5
gormarket:
BadBoy, скинул в личку

чето не то, там нет ссылок на файлы js

а вот marquee возможно подойдет, спасибо, буду пробовать

BadBoy
На сайте с 31.01.2005
Offline
308
#6

Хех, google chrome не понимает тега marquee, в хроме он не работает :(

А в FF все ок

SD
На сайте с 08.12.2011
Offline
5
#7

вот решение на JavaScript:

<script type="text/javascript">

/***********************************************

* Cross browser Marquee II- © Dynamic Drive (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit http://www.dynamicdrive.com/ for this script and 100s more.

***********************************************/

var delayb4scroll=2000 //задержка (2000=2 секунд)

var marqueespeed=2 //Скорость прокрутки (больше - быстрее 1-10)

var pauseit=1 //Пауза в прокрутке, после события onMousever (0=no. 1=yes)?

////НЕТ РЕДАКТИРУЙТЕ КОД НИЖЕ////////////

var copyspeed=marqueespeed

var pausespeed=(pauseit==0)? copyspeed: 0

var actualheight=''

function scrollmarquee(){

if (parseInt(cross_marquee.style.top)>(actualheight*(-1)+8))

cross_marquee.style.top=parseInt(cross_marquee.style.top)-copyspeed+"px"

else

cross_marquee.style.top=parseInt(marqueeheight)+8+"px"

}

function initializemarquee(){

cross_marquee=document.getElementById("vmarquee")

cross_marquee.style.top=0

marqueeheight=document.getElementById("marqueecontainer").offsetHeight

actualheight=cross_marquee.offsetHeight

if (window.opera || navigator.userAgent.indexOf("Netscape/7")!=-1){ //if Opera or Netscape 7x, add scrollbars to scroll and exit

cross_marquee.style.height=marqueeheight+"px"

cross_marquee.style.overflow="scroll"

return

}

setTimeout('lefttime=setInterval("scrollmarquee()",30)', delayb4scroll)

}

if (window.addEventListener)

window.addEventListener("load", initializemarquee, false)

else if (window.attachEvent)

window.attachEvent("onload", initializemarquee)

else if (document.getElementById)

window.onload=initializemarquee

</script>

BadBoy
На сайте с 31.01.2005
Offline
308
#8

StarDust, а в какие теги заключать тот контент который должен двигаться?

SD
На сайте с 08.12.2011
Offline
5
#9

<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">

<div id="vmarquee" style="position: absolute; width: 98%;">

<!-- ПРОКРУЧИВАЕМЫЙ КОНТЕНТ ЗДЕСЬ -->

<h4>Тестовый текст...</h4>

<!-- ПРОКРУЧИВАЕМЫЙ КОНТЕНТ ЗДЕСЬ -->

</div>

</div>

BadBoy
На сайте с 31.01.2005
Offline
308
#10

StarDust, как сделать чтобы справа на лева, а не снизу вверх

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий