Avatar billede grillasp Nybegynder
27. januar 2002 - 19:52 Der er 4 kommentarer

Css > Filter > Alpha

Hej jeg har et lille spg om Css  > Filter > Alpha

I kan se det på http://www.zeth.dk under links...

Når man kører over billederne bliver de den nomale farve..

er det CSS script eller hvad er det. ?


Nogen der kan give mig scriptet ?

og vise mig hvordan jeg bruger det ?
Avatar billede weis Nybegynder
27. januar 2002 - 22:38 #1
Det behøver ikke at laves i css, du kan også indsætte denne kode i din <head>

<style>
<!--
A:link{{ color: #808080; text-decoration:none; font: bold 12px verdana, sans-serif;}}
A:visited{{ color: #FFFFFF; text-decoration:none; font: bold 12px verdana, sans-serif;}}
A:hover{{ color: #000000; text-decoration:none; font: bold 12px verdana, sans-serif;}}
-->
</style>

Ændre på størrelse af tekst og farve om linket skal være understreget, og om hvornår det skal være det hvilke dele.

/Andreas
Avatar billede weis Nybegynder
27. januar 2002 - 22:39 #2
ps. i dette tilfælde så er farveskiftet lavet med billeder!!!
Avatar billede weis Nybegynder
27. januar 2002 - 22:41 #3
jeg mener på siden http://www.zeth.dk er farveskiftet lavet med billeder!!!
Avatar billede pelkjaer Nybegynder
28. januar 2002 - 08:34 #4
Husk kun et spørgsmål!

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<script language="JavaScript">
<!--
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){ 
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
       
    clearTimeout(nereidFadeTimers[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){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" text="#000000">

<a href="java script:;"><img src="images/button_cv.gif" width="58" height="107" border="0" style="filter:alpha(opacity=22)" onMouseOver="nereidFade(this,100,30,6)" onMouseOut="nereidFade(this,25,25,6)" alt=""></a>

</body>
</html>

Det skulle være lige ud ad landevejen :o) 
 

Se http://www.eksperten.dk/spm/164537
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester