Меняющийся текст:
Code
<script>
var message = new Array()
message[0]="добро пожаловать на сайт!"
message[1]="предлагаем вашему вниманию"
message[2]="большая коллекция скриптов"
message[3]="обои для рабочего стола"
message[4]="психологические тесты"
message[5]="и многое другое"
var i_message=0
var covertop=60
var coverleft=300
var coverwidth=1200
var coverheight=30
var texttop=covertop
var textleft=coverleft
var textwidth=400
var textheight=coverheight
var cliptop=0
var clipright=textwidth
var clipbottom=coverheight
var clipleft=0
var clippoints
var step=60
var pause=50
var timer
function init()
{
if (document.all)
{
document.all.text.style.posTop=texttop
document.all.text.style.posLeft=textleft
document.all.cover.style.posTop=covertop
document.all.cover.style.posLeft=coverleft
clipleft=0
fadeout()
}
}
function fadeout()
{
if (document.all.cover.style.posLeft >=(-coverwidth+textwidth+coverleft+step))
{
clipleft+=step
clipright=clipleft+textwidth
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
document.all.cover.style.posLeft-=step
timer= setTimeout("fadeout()",pause)
}
else
{
clearTimeout(timer)
i_message++
if (i_message>=message.length) {i_message=0}
text.innerHTML=message[i_message]
fadein()
}
}
function fadein()
{
if (document.all.cover.style.posLeft <=coverleft)
{
clipleft-=step
clipright=clipleft+textwidth
clippoints="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")"
document.all.cover.style.clip=clippoints
document.all.cover.style.posLeft+=step
timer= setTimeout("fadein()",pause)
}
else
{
clearTimeout(timer)
init()
}
}
if (document.all&&window.print)
{
document.write('<DIV ID="text" class="textstyle">'+message[0]+'</div>')
document.write('<DIV ID="cover" class="coverstyle"><img src="scripts/slidefader.gif"></DIV>')
}
</script>
Пример: