CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

mormors-smykker Nybegynder

30. juli 2009 - 12:53 Der er 7 kommentarer

hjælp til menu.

http://skolesager.users.whitehat.dk/

Hej Eksperter :)

jeg tænkte på om der var nogen af jeg derude som havde en god ide til en fed effekt til min menu på min side, syntes at den mangler noget :)

jeg tænkte på noget fadein/out men det kan ju også være at der er nogen af jer der har noget federe i tankerne:)

Hilsen: Mormor's Smykker ;)

Synes godt om

nemlig Professor

30. juli 2009 - 13:13 #1

Her finder du en del forslag.
De fleste kan du prøve på sitet, og de er nemme at installere.

http://www.dynamicdrive.com/dynamicindex1/index.html

Synes godt om

mormors-smykker Nybegynder

30. juli 2009 - 13:18 #2

Har du noget med noget fade i?

Synes godt om

Slettet bruger

30. juli 2009 - 13:47 #3

Jeg kan kraftigt anbefale jQuery. Det er et javascript framework/toolkit som indeholder en masse smarte effekter og måder at manipulere dom'en på. Du kan læse mere om det her:
http://jquery.com/

I jQuery kan du indsætte en smart fade animation så simpelt som dette:

$(function(){
$("#menu").hover(function(){
this.fadeIn(1000);
}, function(){
this.fadeOut(1000);
});
});

Synes godt om

mormors-smykker Nybegynder

30. juli 2009 - 13:55 #4

Nu skal det lige siges at jeg er rimelig nybegynder inden for koding og har slet ikke arbejdet med php så kunne det tænkes at jeg kunne få et eksempel som bae skal sættes ind så jeg bare selv skal indstille den til hvordan den skal fade osv.?

Hvis det ikke er til for meget besvær :)

Synes godt om

Slettet bruger

30. juli 2009 - 14:00 #5

Overstående er ikke PHP, men javascript, og jo, jeg kan da godt lave et kort eksempel:

I head:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>

I body:
<script type="text/javascript">
$(function(){
$("#menu").hover(function(){
this.fadeIn(1000);
}, function(){
this.fadeOut(1000);
});
});
<script>

<div id="menu">
Jeg bliver usynlig når du fjerner musen fra mig.
</div>

Synes godt om

mormors-smykker Nybegynder

30. juli 2009 - 14:05 #6

Sådan her?

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$("#menu").hover(function(){
this.fadeIn(1000);
}, function(){
this.fadeOut(1000);
});
});
<script>
<div id="menu">
Jeg bliver usynlig når du fjerner musen fra mig.
</div>
</body>
</html>

Synes godt om

Slettet bruger

30. juli 2009 - 14:31 #7

Nu fortrækker jeg at kode i XHTML, men din version er også okay, hvis du lige lukker script tagget.

XHTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-1.3.2.min.js" type="text/javascript"></script>
<title>Fadeing menu</title>
</head>
<body>
<script type="text/javascript">
$(function(){
$("#menu").hover(function(){
this.fadeIn(1000);
}, function(){
this.fadeOut(1000);
});
});
</script>
<div id="menu">
Jeg bliver usynlig når du fjerner musen fra mig.
</div>
</body>
</html>

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS