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


Пользователь месяца
TimurR TimurR 1-й за Август
Очков активности: 726 3 темы, 35 сообщений, 11 баллов репутации
ТОП самых активных за этот месяц
  • Фотография ShowPrint
    #1

    ShowPrint (ShowPrint.ru)
    Очков активности: 207 2 темы, 17 сообщений, 6 баллов репутации

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

    Ixman (o5cat.ru)
    Очков активности: 105 0 тем, 10 сообщений, 7 баллов репутации

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

    WGN (worldgamenews.com)
    Очков активности: 90 Вне конкурса за определение пользователя месяца

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

    magnet (rbfxdirect.com)
    Очков активности: 67.5 Вне конкурса за определение пользователя месяца

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

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

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

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

  • Фотография Алексей111
    #7

    Алексей111
    Очков активности: 39 6 тем, 8 сообщений, 1 балл репутации

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

    AnnaYa (topbase.ru)
    Очков активности: 36 2 темы, 6 сообщений, 2 балла репутации

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

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

  • Фотография Игорь Ку
    #10

    Игорь Ку (dudesday.ru)
    Очков активности: 24 1 тема, 5 сообщений, 2 балла репутации

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

Kwork.ru - услуги фрилансеров от 500 руб.

Поддержите форум! =)
Апдейты
  • Яндекс тИЦ: 26.09.2018
  • Яндекс выдача: 26.09.2018
Топ 5 участников по репутации


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

#1 Andrey83

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

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

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


 

 

  • 0

#2 MakLeR

MakLeR
  • Неактивные
  • 24 сообщений
  • Репутация: 0

Отправлено 09 January 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 January 2013 - 21:52

  • 0

#3 Andrey83

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

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

спс

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

#4 MakLeR

MakLeR
  • Неактивные
  • 24 сообщений
  • Репутация: 0

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

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

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



Похожие темы

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

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