|
| 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
| |
|
|