Søg
Avatar billede Jingz Nybegynder
20. februar 2010 - 20:38 Der er 5 kommentarer

onmouseover opacity effekt

Hej alle experter..

Jeg sidder med det problem at jeg ville lave mig en lille hoverfunktion til nogle billedlinks, og lavede det i css men, det virker af en grund ikke i Safari..

Jeg mindes så engang at have set det gjort med en onmouseover hvor det spillede 100%.. Dog kan jeg på nettet KUN finde folk der næste har skrevet en roman for at det virker..

Det ville være genialt hvis nogen herinde kunne fortælle mig hvordan jeg skal lave min lille onmouseover funktion.. Simpelt :D

på forhånd tak.
Avatar billede preppydude Nybegynder
20. februar 2010 - 20:48 #1
Har du prøvet standarden "opacity"? Det er kun IE - tror jeg, eller, det er jeg ret sikker på - der kører der eget show når det kommer til CSS generelt.

altså, noget ala:
<div style="padding:5px;opacity:1.0;background:red" onmouseover="this.style.opacity=0.5" onmouseout="this.style.opacity=1.0">
    Tekst
</div>


Så skal du selvfølgelig bare rette det til så IE forstår det også.
Avatar billede Jingz Nybegynder
20. februar 2010 - 20:58 #2
ja okay.. Det virker egentlig ret got :)  Men hvordan kan jeg i min onmouseover lige tilføje filter:alpha(opacity=100);

Jeg har ikke det helt store styr på javascript
Avatar billede Computer Hjælp (Gratis) Mester
20. februar 2010 - 21:00 #3
Velkomme til E. ...

Måske noget herfra -> http://www.dynamicdrive.com/ ?
Avatar billede preppydude Nybegynder
20. februar 2010 - 21:07 #4
Prøv det her:

<script type="text/javascript">
var isIE = (document.all)?true:false;
function setOpacity(element, opa) {
    if (isIE) {
        element.style.filter = "alpha(opacity="+parseInt(opa*100)+")";
    } else {
        element.style.opacity = opa;
    }
}
</script>

<div style="padding:5px;opacity:1.0;background:red" onmouseover="setOpacity(this, 0.5)" onmouseout="setOpacity(this, 1.0)">
    Tekst
</div>
Avatar billede Jingz Nybegynder
18. november 2010 - 20:48 #5
Preppydude.

Dette er et meget meget forsinket svar. Det skyldes at jeg på daværende tidspunkt ikke helt forstod pointsystemet herinde, og jeg endte med at glemme indlægget.

Dit svar ledte mig i den rigtige retning, dog var det et andet resultat jeg kom frem til.

Fordi at jeg er så sent ude med denne besked, vil jeg meget gerne give dig point for det, hvis du kan lægge en svarbesked
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 17:32 Jeg kan ikke opdatere min iPad til ios 26.4.1. Af Bettina i Apps til iOS
I går 08:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
10/0421:19 Lydindstilling Prosonic TV Af TageArent i Fjernsyn & projektorer
10/0415:37 Sort skærm Af mort1 i Windows
09/0412:32 iPadOS 26.4.1 kan ikke opdatere Af claes57 i Apps til iOS
White papers
Flere white papers »