/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
OnMouseOut = " S/H eller transparent bille~
Fra : Jesper Libak Larsen


Dato : 07-02-01 23:29

Hej!

Hvad gør man for at få sit hyperlink billede til, enten at være halvt
transparent, eller uden farve ved onmouseout?

Mvh. JLL



 
 
NeoSapia (08-02-2001)
Kommentar
Fra : NeoSapia


Dato : 08-02-01 01:13

Jesper Libak Larsen skrev:
> Hvad gør man for at få sit hyperlink billede til, enten at være halvt
> transparent, eller uden farve ved onmouseout?

Jeg ved ikke om du kan bruge det, men du kan benytte dig af opactiy-filteret
i CSS.
Her er en snip som eksempel:

<!--- HTML snip start -->
<html><head>
<script>
fadeObjects = new Object();
fadeTimers = new Object();
function fade(object, destOp, rate, delta){
if (!document.all) return
if (object != "[object]"){
setTimeout("fade("+object+","+destOp+","+rate+","+delta+")",0);
urn; }
clearTimeout(fadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction = 1;
if (object.filters.alpha.opacity > destOp){ direction = -1; }
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity !=
destOp){fadeObjects[object.sourceIndex]=object;

fadeTimers[object.sourceIndex]=setTimeout("fade(fadeObjects["+object.sourceI
ndex+"],"+destOp+","+rate+","+delta+")",rate); } }
</script>
</head>
<body>
<img src="billedfil.jpg" " style="filter:alpha(opacity=50)"
onmouseover="fade(this,100,25,5)" onmouseout="fade(this,50,25,5)">
</body>
</html>
<!--- HTML snip slut -->

Held og lykke

mvh
NeoSapia



NeoSapia (08-02-2001)
Kommentar
Fra : NeoSapia


Dato : 08-02-01 01:36

Jeg prøver lige igen...
Linierne er brudte med » og « 4 steder;
Slet dem så der ingen mellemrum er før » eller efter «

<!--- start --->
<html><head>
<script>
fadeObjects = new Object();
fadeTimers = new Object();
function fade(object, destOp, rate, delta){
if (!document.all) return
if (object != "[object]"){
setTimeout("fade("+object+","+destOp+","+rate+",»
«+"+delta+")",0); return;}
clearTimeout(fadeTimers[object.sourceIndex]);
diff = destOp-object.filters.alpha.opacity;
direction=1;
if (object.filters.alpha.opacity > destOp){ direction = -1;}
delta=Math.min(direction*diff,delta);
object.filters.alpha.opacity+=direction*delta;
if (object.filters.alpha.opacity !=»
«destOp){fadeObjects[object.sourceIndex]=object;
fadeTimers[object.sourceIndex]=setTimeout(»
«"fade(fadeObjects["+object.sourceIndex+"],"+destOp+",»
«"+rate+","+delta+")",rate);}}
</script>
</head>
<body>
<img src="billedfil.jpg" style="filter:alpha(opacity=50)"
onmouseover="fade(this,100,25,5)"
onmouseout="fade(this,50,25,5)">
</body>
</html>
<!--- slut --->

held og lykke
/NS



Jesper Libak Larsen (09-02-2001)
Kommentar
Fra : Jesper Libak Larsen


Dato : 09-02-01 01:18


"NeoSapia" <neosapiaREMOVETHIS@email.com> skrev i en meddelelse
news:kRlg6.25450$fa3.1540495@news010.worldonline.dk...
> Jeg prøver lige igen...
> Linierne er brudte med » og « 4 steder;
> Slet dem så der ingen mellemrum er før » eller efter «
>


Tak til NeoSapia!!!

Dette er en super cool effekt og jeg kan sagtens bruge den.
Men det konkrete tilfælde er nok lidt anderledes end jeg først gav udtryk
for (sorry).
Jeg har en navigationsmenu bestående af en tabel hvor cellerne fungere som
knapper,
inde i hver af disse celler er der, dels et billede og dels noget tekst.
Nu vil jeg gerne give billedet (ikke teksten) en highlight effekt der virker
(uden at fade) ved,
at billedet er "dæmpet" når musen ikke er over CELLEN og "dæmpningen"
fjernes når musen føres ind over CELLEN, og altså ikke kun når musen føres
ind over billedet(?!).
Som det måske fremgår, ved jeg ikke så meget om det her, men jeg tror jeg er
ude i noget CSS.

Med venlig hilsen:

Jesper Libak Larsen



Søg
Reklame
Statistik
Spørgsmål : 177511
Tips : 31968
Nyheder : 719565
Indlæg : 6408598
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste