4x bewertet

Tabellenfarbe wechselt sich

von Tobi  |  15.06.2007 um 12:55 h
Javascript Anwendungen
Typ: Javascript Anwendungen
Stufe:Einfach Mittelmäßig
Hi!
Das hier ist mein 1. Tut bei Giatu, womit man eine Tabelle lebendig werden lassen kann Smilie
So... Als erstes sollte man eine Tabelle machen:

<table border="0" width="45" id="tabelle" style="border:3px solid lightblue">
<tr>
<td>TEXT</td></tr>
</table>

Einfach in den <body>- Tag einfügen.

Erklärung:

border:3px solid lightblue = Der Rand der Tabelle ist 3 Pixel dick und die Farbe der Tabelle ist Hellblau.

TEXT = Dein Text steht dann hier.


Direkt darunter kommt dann das:
<script language="JavaScript">
<!--
var speed=250
function farbwechsel(){
var crosstable=document.getElementById? document.getElementById("tabelle") : document.all? document.all.tabelle : ""
if (crosstable){
if (crosstable.style.borderColor.indexOf("lightblue")!=-1)
crosstable.style.borderColor="orange"
else
crosstable.style.borderColor="lightblue"
}
}
setInterval("farbwechsel()", speed)
//-->
</script>

Erklärung:

var speed=250 = Die Schnelligkeit ( Je höher, desto langsamer Smilie )

farbwechsel = So heißt die Funktion

crosstable.style.borderColor="orange"
else
crosstable.style.borderColor="lightblue" = Die beiden Farben.

Hier mal ein paar Farben zum auswählen:

blue = Blau
green = Grün
yellow = Gelb
orange = Orange

Usw...
( Ihr könnt natürlich auch noch davor ein "light", oder "dark" setzen Smilie )

Bei Fragen posten Smilie

Tobi



1 Kommentare




butterfly

Ein Beispiel wäre toll, da man sich nicht unbedingt etwas bildlich vorstellen kann...
am 03.06.2010 um 19:53 Uhr