Перейти к содержимому

Реферальная программа Мегаплана


Текстовый эффект?

#1 Andrey83

Andrey83
  • Пользователь
  • 21 сообщений
  • Репутация: 0
0

Отправлено 09 Январь 2013 - 13:50

Добрый день. Давно читаю Ваш форум, понадобилась помощь.
Только не сочтите за рекламу!!!!
Есть сайт www.internet-money.su , там вверху текст крупным черным шрифтом на почти на всю страницу (заголовок), так вот.
Я хочу чтобы этот текст менялся каждые пусть 20 сек и соответственно ссылки куда он ведет тоже.
Только НТМЛ и J- скрипты, только учусь. Помогите плиз..


 

 

  • 0

#2 MakLeR

MakLeR
  • Пользователь
  • 20 сообщений
  • Репутация: 0

Отправлено 09 Январь 2013 - 21:50

Andrey83, немного погуглил по твоему вопросу. Результат, думаю тебе подойдет:

css
#container {
width: 200px;
height: 200px;
margin: 0 auto;
border: 1px solid #ccc;
}
#block1, #block2, #block3 {
margin: 10px;
display: none;
font-size: 14px;
font-family: Georgia;
}

JavaScript
<script type="text/javascript">
var elements = 3;  //количество div-элементов с текстом
var time = 3;   //задержка смены текста по времени в секундах
var currentText = 0;
var color = 255;
noElement = elements + 1;
time = time*1000;
function blockRotator () {
  currentText++;
  if (currentText == noElement) {
   currentText = 1;
  }
  if (currentText == 1) {
   prevText = elements;
  }
  else {
   prevText = currentText - 1;
  }
  var hide = document.getElementById('block'+prevText);
  hide.style.display = 'none';
  var show = document.getElementById('block'+currentText);
  show.style.display = 'block';
  setTimeout('blockRotator()', time);
}
window.onload = blockRotator;
</script>

html
<div id="container">
<div id="block1"><img src="img.jpg"></div>   <!-- Картинка -->
<div id="block2"><a href="site_ru">Ссылка</a></div> <!-- Ссылка -->
<div id="block3">Просто текст без HTML тегов.</div> <!-- Просто текст -->
</div>

Думаю, описывать ничего не нужно. Все что надо описано комментариями в коде. Если что, спрашивай.

UPD: Ох, совсем забыл, по этой ссылке демонстрация работы ротатора: http://jemand.ru/exa...lok-teksta.html

Сообщение отредактировал MakLeR: 09 Январь 2013 - 21:52

  • 0

#3 Andrey83

Andrey83
    Topic Starter
  • Пользователь
  • 21 сообщений
  • Репутация: 0

Отправлено 10 Январь 2013 - 07:34

спс

а как сделать плавный вертикальный скролинг текста при смене ссылки?
  • 0

#4 MakLeR

MakLeR
  • Пользователь
  • 20 сообщений
  • Репутация: 0

Отправлено 17 Январь 2013 - 15:52

плавный вертикальный скролинг текста

хм....
Посмотри вот это: ссылка 1, ссылка 2, ссылка 3.
А лучше обратись к Яндексу или Googl'у с запросом "вертикальный скроллинг текста".
  • 0


Оформление форума – IPBSkins.ru