ΑΡΧΙΚΗ ΚΑΤΑΣΚΕΥΗ Bloggs ΚΩΔΙΚΑΣ html JavaScript ΕΙΣΑΓΩΓΗ ManiacΑΝΑΛΥΣΗ Site ΕΙΔΗΣΕΩΝ GadgetManiac ΓΕΝΙΚΑ

Παρασκευή, 8 Φεβρουαρίου 2013

ΚΕΙΜΕΝΟ ΠΟΥ ΤΡΕΧΕΙ ΑΛΛΑΖΟΝΤΑΣ ΧΡΩΜΑΤΑ


   Τον κώδικα ενός, άλλου gadget κειμένου που τρέχει(Scroller), που όμως αναβοσβήνει σε διάφορα χρώματα τα οποία μπορούμε να αλλάξουμε δίνω ποιο κάτω, τον προσθέτουμε και στο κείμενο και μέσα στον HTML κώδικα, όπου θέλουμε εμείς.
   Σαν gadget τον επικολλούμε με τον γνωστό τρόπο:
 ΣΧΕΔΙΑΣΗ-ΔΙΑΤΑΞΗ-ΠΡΟΣΘΗΚΗ Gadget-HTML/JavaScript-ΕΠΙΚΟΛΛΗΣΗ -ΑΠΟΘΗΚΕΥΣΗ
 

var i=0;                    // a counter

var colors = new Array("FF0000","FFFF66","FF3399","00FFFF","FF9900","00FF00"); // the colors
var aColor;                 // the chosen color

function loadText()
{
    // randomly choose color
    aColor = colors[Math.floor(Math.random()*colors.length)];

    aChar = someText.charAt(i);
    if (i == 0)
        aSentence = aChar;
    else
        aSentence += aChar;

    // 50 iterations max.
    if (i < 50)  i++;
    
    // For IE
    if (document.all)
    {
        textDiv.innerHTML= "<font color='#"+aColor+"' face='Tahoma' size='5'><i>"+aSentence+"</i></font>";
        setTimeout("loadText()",100);
    }
        
    // For Netscape Navigator 4
    else if (document.layers)
    {
        document.textDiv.document.write("<font color='#"+aColor+"' face='Tahoma'                                 size='5'><i>"+aSentence+"</i></font>");
        document.textDiv.document.close();
        setTimeout("loadText()",100);
    }
        
    // For other
    else if (document.getElementById)
    {
        document.getElementById("textDiv").innerHTML = "<font color='#"+aColor+"'            face='Tahoma'size='5'><i>"+aSentence+"</i></font>";
        setTimeout("loadText()",100);
    }
}
</script>
</head>
<body bgcolor="#000000" onload="loadText()" text="#ffffff">

<div id="textDiv">
</div>
</body>
</html>
</div>


    Εδώ μπορούνε να κάμουμε πολλές τροποποιήσεις στα χρώματα, στον τύπο κειμένου,στην ταχύτητα στο μέγεθος των γραμμάτων κλπ.

Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.