Kandu.dk - Hover-effekt på submit


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

Hover-effekt på submit
Fra : Thomas Lindgaard

Dato : 12-03-02 19:20

Hejsa

Kan man let og cross-browser'sk lave en hover effekt på <input
type="submit">?

Jeg har vha. css fået nogle af mine links til at ligne submit-knapper, og
her kan jeg let lave en hover-effekt, så "knappen" skifter farve, når musen
føres hen over det - kan det samme laves med en rigtig submit-knap?

/Thomas

Kasper Kyndsberg (12-03-2002)

Kommentar
Fra : Kasper Kyndsberg

Dato : 12-03-02 23:40

"Thomas Lindgaard" <thomas@it-snedkeren.dk> skrev
> Hejsa
>
> Kan man let og cross-browser'sk lave en hover effekt på <input
> type="submit">?
>
> Jeg har vha. css fået nogle af mine links til at ligne submit-knapper, og
> her kan jeg let lave en hover-effekt, så "knappen" skifter farve, når
musen
> føres hen over det - kan det samme laves med en rigtig submit-knap?

Du kan ikke med css, men der findes forskellige JavaScriptløsninger. Prøv i
klientside gruppen.

> /Thomas

--
/Kasper
http://www.kyndsberg.dk

Thomas Lindgaard (12-03-2002)

Kommentar
Fra : Thomas Lindgaard

Dato : 12-03-02 23:48

> Du kan ikke med css, men der findes forskellige JavaScriptløsninger. Prøv
i
> klientside gruppen.

Hmm... gider jeg ikke lege med nu så.

/Thomas

Allan Vebel (13-03-2002)

Kommentar
Fra : Allan Vebel

Dato : 13-03-02 00:56

"Thomas Lindgaard" <thomas@it-snedkeren.dk> skrev:

> Kan man let og cross-browser'sk lave en hover effekt på <input
> type="submit">?

Noget i den stil:

<html>
<head>
<title>Farveskift på knap</title>

<style type="text/css">
..knapoff{
font-family:verdana;
font-size:14px;
font-weight:bold;
height:24px;
width:100px;
background:blue;
color:yellow;
}
..knapon{height:24px;
font-family:verdana;
font-size:14px;
font-weight:bold;
width:100px;
background:red;
color:white;
}
</style>
</head>

<body>

<form>
<input type="submit" value="Tekst" class="knapoff" title="Gå til link" onmouseover="this.className='knapon';this.style.cursor='hand'"
onmouseout="this.className='knapoff'">
</form>

</body>
</html>

Fut: news:dk.edb.internet.webdesign.clientside

--
Allan

Søg

Reklame

Statistik

Spørgsmål :	177557
Tips :	31968
Nyheder :	719565
Indlæg :	6408872
Brugere :	218888

Månedens bedste

Årets bedste

Sidste års bedste