- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Гуру CSS и Java
задача, есть кусок сайта где надо сделать так чтобы контент самостоятельно прокручивался в этом куске справа на лева, а когда наводишь курсор на это место, то прокрутка бы останавливалась. Как это сделать?
оранжевый цвет - это пример куска сайта где должен крутиться текст.
Спасибо.
Этот плагин должен помочь, там в примере как раз есть то что надо.
Недавно вставлял подобное сюда http://brigantina-ekb.ru/
Таблица с position relative с несколькими ячейками находится в диве меньшего размера с overflow hidden и по таймеру сдвигается на пиксел влево. В какой то момент левая крайняя ячейка таблицы переносится на правую сторону таблицы, что позволяет двигаться ей постоянно, не кончаясь. При наведении курсора мыши таймер движения блокируется, и движение останавливается.
Скрипт находится прямо в тексте страницы. Скрипт не мой, вставлял на данный движок с готового купленного дизайна.
gormarket, а кусок кода который крутит картинки, можете скинуть, чето не могу выдрать.
BadBoy, скинул в личку
кстати, для этой цели может подойти еще тег marquee (на локалке экспериментировал, но на сайтах не применял)
BadBoy, скинул в личку
чето не то, там нет ссылок на файлы js
а вот marquee возможно подойдет, спасибо, буду пробовать
Хех, google chrome не понимает тега marquee, в хроме он не работает :(
А в FF все ок
вот решение на 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>
StarDust, а в какие теги заключать тот контент который должен двигаться?
<div id="marqueecontainer" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">
<div id="vmarquee" style="position: absolute; width: 98%;">
<!-- ПРОКРУЧИВАЕМЫЙ КОНТЕНТ ЗДЕСЬ -->
<h4>Тестовый текст...</h4>
<!-- ПРОКРУЧИВАЕМЫЙ КОНТЕНТ ЗДЕСЬ -->
</div>
</div>
StarDust, как сделать чтобы справа на лева, а не снизу вверх