WebTechnologie - ukázkové skripty PHP, XHTML, JavaScript, CSS... (c) Scorpions.cz

HOME SKRIPTY
Efekty - Promněnný obdélník
Normální položka
Zobrazeno: 6544

Popis: Zajímavý obdelník, který postupně mění text.
Funkčnost: Funkční v IE 5.5 a vyšší,
Hodnocení: ****
Ukázka
Následující kód si vložte mezi tagy <HEAD> a </HEAD>.

<script LANGUAGE="JavaScript1.1">
<!-- Beginning of JavaScript -
messages = new Array()
messages[0] = "Obdélník, ve kterém se mění text ..."
messages[1] = "První text, který může být libovolně dlouhý"
messages[2] = "Druhý text, který může být libovolně dlouhý"
messages[3] = "Text číslo 3"
messages[4] = "A ještě jeden text, zase trochu jiný"
messages[5] = "A pátý text ..."
messages[6] = "Text s číslem 6 ..."
messages[7] = "... s číslem 7 ..."
messages[8] = "... prozměnu s číslem 8,"
messages[9] = " a tady s číslem 9."
messages[10] = "Dostali jsme se až k textu číslo 10 !"
messages[11] = "Obdélník samozřejmě nemusí obsahovat jen takové nesmysly, "
messages[12] = "text si můžete sami snadno změnit."
messages[13] = "Java script si sám náhodně mění barvy ..."
messages[14] = "i druhy písma, "
messages[15] = "mění si také barvu písma i pozadí,"
messages[16] = "vše pochopíte ze zdrojového textu."
messages[17] = "Můžete využít jako upoutávku,"
messages[18] = "například na vaše stránky,"
messages[19] = "nebo na vámi pořádanou akci ..."
messages[20] = "Samozřejmě, tvořivosti se meze nekladou !"
messages[21] = "A text běží pořád dokola ..."
mescolor = new Array()
mescolor[0] = "000000"
mescolor[1] = "FF0000"
mescolor[2] = "226622"
mescolor[3] = "0000FF"
mescolor[4] = "FFFF00"
textfont = new Array()
textfont[0] = "Verdana"
textfont[1] = "Comic Sans MS"
textfont[2] = "Arial"
bagcolor = new Array()
bagcolor[0] = "CCCCCC"
bagcolor[1] = "Yellow"
bagcolor[2] = "CCFFFF"
bagcolor[3] = "AAEEFF"
bagcolor[4] = "CCFF88"
bagcolor[5] = "orange"
bagcolor[6] = "99AAFF"
var i_messages = 0
var timer
function randomposition(range) {                
        return Math.floor(range*Math.random())
}

function dotransition() {
    if (document.all) {
        content.filters[i_messages].apply()
        content.innerHTML = "<table width=320 height=180 border=2><tr><td bgcolor="+bagcolor[randomposition(6)]+" style='color:"+mescolor[randomposition(4)]+";font-family:"+textfont[randomposition(2)]+";font-size:30px' align=center valign=middle>"+messages[i_messages]+"</td></tr></table>"
        content.filters[i_messages].play()
        if (i_messages >= messages.length-1) {
            i_messages = 0
        }
        else {
            i_messages++
        }
    } 
    timer = setTimeout("dotransition()",7000)   
}

// - End of JavaScript - -->
</script>

Následující kód si vložte mezi tagy <BODY> a </BODY>.

<BODY topmargin="5" onload="dotransition()">
<center><br><br>
<font face="verdana">
<h1>Rámeček s měnícím se textem</h1><br><br>
<DIV id=content style="position: absolute; top:100px; left:50px; width:560px; height:200px; text-align:center; filter: revealTrans(Transition=1, Duration=3) revealTrans(Transition=2, Duration=3) revealTrans(Transition=3, Duration=2)  revealTrans(Transition=4, Duration=2)  revealTrans(Transition=5, Duration=1)  revealTrans(Transition=6, Duration=3)  revealTrans(Transition=7, Duration=2)  revealTrans(Transition=8, Duration=1)  revealTrans(Transition=9, Duration=3)  revealTrans(Transition=10, Duration=1)  revealTrans(Transition=11, Duration=2)  revealTrans(Transition=12, Duration=3)  revealTrans(Transition=13, Duration=1)  revealTrans(Transition=14, Duration=2)  revealTrans(Transition=15, Duration=3)  revealTrans(Transition=16 Duration=1)  revealTrans(Transition=17, Duration=2)  revealTrans(Transition=18, Duration=3) revealTrans(Transition=19, Duration=1) revealTrans(Transition=20, Duration=2) revealTrans(Transition=21, Duration=3) revealTrans(Transition=22, Duration=3)">
</DIV>
</form>