/ 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
Menu i CSS
Fra : Peter Kammann


Dato : 06-08-01 15:40

Hej
Kan du fortælle mig hvordan jeg kan fremstille en menu i CSS, der virker ved
mouseover, hvor baggrundsfarven ændres og menuens underpunkter ruller ned.
Kan man have yderligere underpunkter? Hvordan gør man det? Jeg vil gerne
have en henvisning hvor jeg kan lære det, en henvisning til et sted der
anvender dette.

Mvh

Peter



 
 
Marc Eley (06-08-2001)
Kommentar
Fra : Marc Eley


Dato : 06-08-01 16:40

in article 3b6eac7c$0$44032$edfadb0f@dspool01.news.tele.dk, Peter Kammann at
pka@spinformatik.dk wrote on 06/08/01 4:39 PM:

> Hej
> Kan du fortælle mig hvordan jeg kan fremstille en menu i CSS, der virker ved
> mouseover, hvor baggrundsfarven ændres og menuens underpunkter ruller ned.
> Kan man have yderligere underpunkter? Hvordan gør man det? Jeg vil gerne
> have en henvisning hvor jeg kan lære det, en henvisning til et sted der
> anvender dette.

Prøv at kigge på disse sites:
www.dhtml.com
www.javascript.com


Hvis du vil lave det i CSS (og Javascript) kan du prøve at kigge her:
http://users.cybercity.dk/~dsl45540/css.html

Det er noget meget hurtigt skrevet kode, men princippet er der, så du kan
kigge i koden og se om det er noget du kan bruge og bygge videre på.


/marc eley


Kim Blindbæk (06-08-2001)
Kommentar
Fra : Kim Blindbæk


Dato : 06-08-01 17:54

Marc Eley wrote in dk.edb.internet.webdesign.html:


Er det sådan:

<html>
<head>
<title>Titel</title>
<script language="JavaScript">
function co(element,mode) {
if (mode=="in") {
cursortype = 'hand'
colorval = '#B7C6D6'
} else if (mode=="out") {
cursortype = ''
colorval = '#e9e9e9'
}
element.style.background=colorval;
element.style.cursor=cursortype;
}
</script>
</head>
<body>
<table width="200">
<tr><td onmouseover="co(this,'in');"
onmouseout="co(this,'out');">Celle</td></tr></table>
</body>
</html>

Hilsen
Kim Blindbæk




> in article 3b6eac7c$0$44032$edfadb0f@dspool01.news.tele.dk, Peter Kammann at
> pka@spinformatik.dk wrote on 06/08/01 4:39 PM:
>
> > Hej
> > Kan du fortælle mig hvordan jeg kan fremstille en menu i CSS, der virker
ved
> > mouseover, hvor baggrundsfarven ændres og menuens underpunkter ruller ned.
> > Kan man have yderligere underpunkter? Hvordan gør man det? Jeg vil gerne
> > have en henvisning hvor jeg kan lære det, en henvisning til et sted der
> > anvender dette.
>
> Prøv at kigge på disse sites:
> www.dhtml.com
> www.javascript.com
>
>
> Hvis du vil lave det i CSS (og Javascript) kan du prøve at kigge her:
> http://users.cybercity.dk/~dsl45540/css.html
>
> Det er noget meget hurtigt skrevet kode, men princippet er der, så du kan
> kigge i koden og se om det er noget du kan bruge og bygge videre på.
>
>
> /marc eley
>


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP ???
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Marc Eley (06-08-2001)
Kommentar
Fra : Marc Eley


Dato : 06-08-01 18:23


> Er det sådan:
>
> <html>
> <head>
> <title>Titel</title>
> <script language="JavaScript">
> function co(element,mode) {
> if (mode=="in") {
> cursortype = 'hand'
> colorval = '#B7C6D6'
> } else if (mode=="out") {
> cursortype = ''
> colorval = '#e9e9e9'
> }
> element.style.background=colorval;
> element.style.cursor=cursortype;
> }
> </script>
> </head>
> <body>
> <table width="200">
> <tr><td onmouseover="co(this,'in');"
> onmouseout="co(this,'out');">Celle</td></tr></table>
> </body>
> </html>

Nu ved jeg ikke helt hvor du har fået koden fra, men det er ulogisk at sætte
eventhandleren på <td>'en, når du alligevel har (skal have?) et HTML-link
inde i den. Samtidig styler du cursoren, hvilket af samme grund er ulogisk.

Kiggede du på:
http://users.cybercity.dk/~dsl45540/css.html ?

Her foregår det på en lidt anden måde.

Uddyb evt. hvad præcis det er du ønsker.

/marc eley


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

Månedens bedste
Årets bedste
Sidste års bedste