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

HOME SKRIPTY

Text - plynulé přebarvení
Normální položka
Zobrazeno: 6756

Popis: Text plunule měnící barvu po najetí kurzorem.
Funkčnost: Funkční v IE 5.5 a vyšší
Hodnocení: *****
Ukázka

<script>
<!--
col = new Array()
col[0]="111111"
col[1]="333333"
col[2]="555555"
col[3]="777777"
col[4]="999999"
col[5]="AAAAAA"
col[6]="CCCCCC"
col[7]="FFFFFF"
col[8]="CCCCCC"
col[9]="AAAAAA"
col[10]="999999"
col[11]="777777"
col[12]="555555"
col[13]="333333"
col[14]="111111"
col[15]="000000"
i_col=0
doani=1
var timer
var thislink
function animatelink() {
    if (document.all) {
        if (doani==1) {
            if (i_col<=col.length-1) {
                thislink.color=col[i_col]
                i_col++
                timer=setTimeout("animatelink()",100)
            }
            else {
                i_col=0
                timer=setTimeout("animatelink()",100)
            }
        }
        else {
            clearTimeout(timer)
        }
    }
}

function stopanimation() {
    clearTimeout(timer)
    thislink.color="#0000A0"
    doani=0
}    
function startanimation(mylink) {
    clearTimeout(timer)
    thislink=eval("document.all."+mylink+".style")
    doani=1
    animatelink()
}    

// -->
</script>
<p align="center"><font face="Verdana, Arial" size="5">
<a href="" onMouseOver="startanimation('link1')" onMouseOut="stopanimation()" id="link1" style="text-decoration: none;">Hociaký text</a>
</font></p>