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



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

#1 Andrey83
Andrey83
  • Неактивные
  • 21 сообщений
  • Репутация: 0
0

Обновлено 17 января 2013 - 15:52  Отправлено 09 января 2013 - 13:50

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


 

 

  • 0

#2 MakLeR
MakLeR
  • Неактивные
  • 24 сообщений
  • Репутация: 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
  • Неактивные
  • 24 сообщений
  • Репутация: 0

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

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

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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография Totti
    #3

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография SergiuS85
    #5

    SergiuS85
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Sale_account
    #6

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Zevss
    #7

    Zevss (domles43.ru)
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография kuztoday
    #8

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография mkreine
    #10

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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