Archivlink: javarea.de Forum > JavaScript > Background eines Divs zwischen zwei Farben faden
Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Background eines Divs zwischen zwei Farben faden

Pages: [1]

geschrieben von Cluster am 01.06.2005 - 11:31
Hallo!

Ich baue gerade folgendes Script in meine Seite ein:

http://www.dynamicdrive.com/dynamic....scroll.htm

Nun hätte ich es allerdings auch ganz gerne, dass der HIntergrund des Divs in den Farben fadet.

Hat vielleicht jemand dafür eine Lösung?

Bin Euch für Eure Hilfe wie immer im voraus dankbar!

geschrieben von Micha am 01.06.2005 - 17:46
Dem DIV verpasst Du ein

HTML-Quelltext
1: 
onMouseover="slowhigh(this)" onMouseout="slowlow(this)"


und follgendes JS binmdest Du (extern) ein.

HTML-Quelltext
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21: 
22: 
23: 
24: 
25: 
26: 
27: 
28: 
29: 
30: 
31: 
32: 
33: 
34: 
35: 
36: 
37: 
38: 
/***********************************************
* Gradual Highlight image script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/  for full source code
***********************************************/
var baseopacity=40;

function slowhigh(which2){
imgobj=which2;
browserdetect=which2.filters? "ie" : typeof which2.style.MozOpacity=="string"? "mozilla" : ""
instantset(baseopacity);
highlighting=setInterval("gradualfade(imgobj)",50);
}

function slowlow(which2){
cleartimer();
instantset(baseopacity);
}

function instantset(degree){
if (browserdetect=="mozilla")
imgobj.style.MozOpacity=degree/100;
else if (browserdetect=="ie")
imgobj.filters.alpha.opacity=degree;
}

function cleartimer(){
if (window.highlighting) clearInterval(highlighting);
}

function gradualfade(cur2){
if (browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting);
}


Micha

geschrieben von Cluster am 01.06.2005 - 19:51
Hallo Micha!

Vielen Dank für Deine Antwort.

Aber es löst leider nicht ganz mein Problem. Das Faden soll nicht beim Mouseover geschehen, sondern immer dann, wenn in dem Ticker eine neue Nachricht erscheint, sprich: das Faden des Hintergrundes soll parallel zum Faden des Textes erfolgen.

Hast Du dafür evtl. auch eine Lösung?

Vielen Dank im voraus.

geschrieben von Micha am 01.06.2005 - 20:44
Nein, auf die Schnelle seh ich da keinen direkten Lösungsweg. Die Funktion müsste wohl als dem mouseover/out in changecontent() verbaut werden...

Micha


Powered by: JBB v.2.0.4 Copyright ©2000-2006, www.javarea.de.