nicht angemeldet
Linkeffekt
Hallo!
Ich habe ine Frage. Und zwar möchte ich gerne wissen, wie man einen Link erstellt, der bei mouseover seine Farbe 2mal ändert. Also ich meine beispielsweise, wenn er am anfang schwarz ist, sich bei mouseover erst weiss und dann sofort rot färbt. Weiss jemand was ich mein??
Falls ja, würde ich mich auf eine Antwort freuen...
Jürgen
-
Hallo!
Ich habe ine Frage. Und zwar möchte ich gerne wissen, wie man einen Link erstellt, der bei mouseover seine Farbe 2mal ändert. Also ich meine beispielsweise, wenn er am anfang schwarz ist, sich bei mouseover erst weiss und dann sofort rot färbt. Weiss jemand was ich mein??
Falls ja, würde ich mich auf eine Antwort freuen...Jürgen
Ja also PHP hat da die Eigenart, dass sowas unmöglich ist. Tja...
-
Ja also PHP hat da die Eigenart, dass sowas unmöglich ist. Tja...
Da hat'er wohl Recht...
PHP ist nur 'nen Präprozessor...
Für sowas brauchst du Javascript...
Damit geht das ganz einfach...-
Ja also PHP hat da die Eigenart, dass sowas unmöglich ist. Tja...
Da hat'er wohl Recht...PHP ist nur 'nen Präprozessor...
Für sowas brauchst du Javascript...
Damit geht das ganz einfach...wie denn???
-
onmouseover()
und dann da rein ne schönes script...
hab mal ne seite in den fingern gehabt, da is dei farbe von der geigentlichen linkfarbe zur hoverfarbe langsam übergegangen... sah cool aus... aber wie das genau ging, keine ahnung... mit java-script auf alle fälle...
PS: wenn du es rausgefunden hast, kannst du es ja posten damit noch andere was davon haben ;)
llap jan
-
-
-
-
Nabend,
theoretisch könnte man das auch mit 2 gifs machen: Das erste ist schwarz, das zweite ist eine "Animation" von zwei Bildern, also ein weißes und dann ein rotes Bild. Zwischen den beiden gifs kann man dann mit der normalen onMouseOver-Prozedur wechseln. Natürlich darf man das Weiß-Rot-Gif nicht in einer Endlosschliefe abspielen. Ob/wie das geht, weiß ich aber nicht.
Inselchef -
So hab das mal schnell geschrieben, dürfte funzen... bei mir zumindest...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Farbe ändern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><script type="text/javascript">
var g=0, geschwindigkeit_in_ms=50;
function umfaerben()
{
if (g==1) document.getElementById("bla").style.color="#FF0000"; // Rotfärbung -> FF0000
if (g==0)
{
document.getElementById("bla").style.color="#FFFFFF"; // Weißfärbung -> FFFFFF
zaehler=window.setTimeout("umfaerben();g=1",geschwindigkeit_in_ms);
}}
function normalfaerben()
{
document.getElementById("bla").style.color="#000000"; // Schwarzfärbung -> 000000
if (zaehler) window.clearTimeout(zaehler);g=0;
}</script>
<body>
<a id="bla" href="#" onMouseOver="umfaerben();" onMouseOut="normalfaerben();">Moin, was geht???</a>
</body>Ist es das was du wolltest???
-
So hab das mal schnell geschrieben, dürfte funzen... bei mir zumindest...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Farbe ändern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><script type="text/javascript">
var g=0, geschwindigkeit_in_ms=50;
function umfaerben()
{
if (g==1) document.getElementById("bla").style.color="#FF0000"; // Rotfärbung -> FF0000
if (g==0)
{
document.getElementById("bla").style.color="#FFFFFF"; // Weißfärbung -> FFFFFF
zaehler=window.setTimeout("umfaerben();g=1",geschwindigkeit_in_ms);
}}
function normalfaerben()
{
document.getElementById("bla").style.color="#000000"; // Schwarzfärbung -> 000000
if (zaehler) window.clearTimeout(zaehler);g=0;
}</script>
<body>
<a id="bla" href="#" onMouseOver="umfaerben();" onMouseOut="normalfaerben();">Moin, was geht???</a>
</body>Ist es das was du wolltest???
fast, bei diesem script ist es ja so, dass die farbe auf einen schlag wechselt. ich dachte mehr an einen roll-over übergang...
-
du meinst nen glatten/weichen Übergang?
beeil mich...
-
So habs fertig, ich hoffe, dass dir das besser gefällt...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Farbe ändern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><script type="text/javascript">
var g=16, geschwindigkeit_in_ms=50, hex=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
function umfaerben()
{
if (g>0) document.getElementById("bla").style.color="#FF"+hex[g-1]+hex[g-1]+hex[g-1]+hex[g-1];if (g>0) g--;
zaehler=window.setTimeout("umfaerben();",geschwindigkeit_in_ms);
}function normalfaerben()
{
document.getElementById("bla").style.color="#000000";
if (zaehler) window.clearTimeout(zaehler);g=16;
}</script>
<body>
<a id="bla" href="#" onMouseOver="umfaerben();" onMouseOut="normalfaerben();">Moin, was geht???</a>
</body>Viele Grüße Chris (Moin)...
-
So habs fertig, ich hoffe, dass dir das besser gefällt...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Farbe ändern</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head><script type="text/javascript">
var g=16, geschwindigkeit_in_ms=50, hex=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F");
function umfaerben()
{
if (g>0) document.getElementById("bla").style.color="#FF"+hex[g-1]+hex[g-1]+hex[g-1]+hex[g-1];if (g>0) g--;
zaehler=window.setTimeout("umfaerben();",geschwindigkeit_in_ms);
}function normalfaerben()
{
document.getElementById("bla").style.color="#000000";
if (zaehler) window.clearTimeout(zaehler);g=16;
}</script>
<body>
<a id="bla" href="#" onMouseOver="umfaerben();" onMouseOut="normalfaerben();">Moin, was geht???</a>
</body>Viele Grüße Chris (Moin)...
genau das ist es, vielen dank du bist godlike........
-
hi,
genau das ist es, vielen dank du bist godlike........
und für was-"like" ich dich auch grund deiner art zu posten halte, sage ich jetzt lieber nicht ...
bitte lies trotzdem mal http://learn.to/quote, und gewöhne dir diese dämlichen fullquote-postings ab, danke.
gruss,
wahsaga
-
-
-
-
-