Главная » 2010 » Июнь » 14 » Скроллинг текста и изменение фона (Javascript)
14.06.2010, 09:15

Скроллинг текста и изменение фона



Скрин этого не покажет.

Скрипт сочетает в себе скроллинг текста снизу вверх и одновременное, плавное изменение фона страницы.

В head вставляем это:

Quote

<SCRIPT>

var i=0
var i_cell=0
i_bg=0
var linkslist
var bg = new Array('AACC00','77AA00', '557700', '335500', '003300', '000000', '#335500', '557700', '77AA00', 'AACC00', 'DEBE8F')
function initObjects() {
if (document.all) {
linkslist = document.all.linkliste.style
linkslist.visibility='VISIBLE'
linkslist.posTop = i
linkslist.posLeft = 3
scrollIE()
}
if (document.layers) {
linkslist = document.linkliste
linkslist.visibility='VISIBLE'
linkslist.top = i
linkslist.left = 3
scrollNN()
}
}

function scrollNN() {
if (i_cell < 100) {
i_cell++
linkslist.top = i--
var timer = setTimeout('scrollNN()',20)
}

else {
clearTimeout('timer')
changebgNN()
}
}

function scrollIE() {
if (i_cell < 100) {
i_cell++
linkslist.posTop = i--
var timer = setTimeout('scrollIE()',20)
}
else {
clearTimeout('timer')
document.bgColor='DEBE8F'
changebgIE()
}
}

function changebgNN() {
if (i_bg <= bg.length) {
document.bgColor=bg[i_bg]
i_bg++
var bgagain = setTimeout('changebgNN()',20)
}
else {
clearTimeout('bgagain')
document.bgColor='DEBE8F'
i_bg=0
makepauseNN()
}
}

function changebgIE() {
if (i_bg <= bg.length) {
document.bgColor=bg[i_bg]
i_bg++
var bgagain = setTimeout('changebgIE()',50)
}
else {
clearTimeout('bgagain')
i_bg=0
makepauseIE()
}
}

function makepauseNN() {
if (i < (-1*1700)) {
i=0
}

i_cell=0
var scrollagain = setTimeout('scrollNN()',3000)
}

function makepauseIE() {
if (i < (-1*1700)) {
i=0
}

i_cell=0
var scrollagain = setTimeout('scrollIE()',3000)
}
</SCRIPT>

<STYLE>
.alldiv {position: absolute;visibility: hidden;}
</STYLE>

Красное - это цвета фона, которые будут плавно меняться.

В body добавляем:

Code
<body onLoad='initObjects()'>

и вставляем это:

Quote

<DIV ID ='linkliste' CLASS = 'alldiv'>
Infoscrip.ru - коллекция скриптов php, javascript и uCoz.
Infoscrip.ru - коллекция скриптов php, javascript и uCoz.
Infoscrip.ru - коллекция скриптов php, javascript и uCoz.
Infoscrip.ru - коллекция скриптов php, javascript и uCoz.
Infoscrip.ru - коллекция скриптов php, javascript и uCoz.
Infoscrip.ru - коллекция скриптов php, javascript и uCoz.

</DIV>


Синее
заменяем на свой текст.
Материал взят с сайта infoscript.ru
Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Источник/Автор: Неизвестен
Категория: JavaScript's | Просмотров: 2499 | Добавил: antisept | Рейтинг: 3.7/3 |
Теги: изменение, скроллинг, текста, фона
Всего комментариев: 1
0  
1 Alex-Andr   (13.07.2011 23:02) [Материал]
Аватар пользователя
я не понял!куда всё это вставлять?!В head вставляем это: этот head в каждом страничке!в какой именно надо я не понимаю)

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]