Avatar billede zarthax Nybegynder
09. januar 2005 - 12:36 Der er 5 kommentarer og
1 løsning

onClick skal aktivere en animeret knap, men hvordan

Jeg sidder og roder med en menu opbygget i CSS.
Knapperne i denne menu, skifter farve ved hover således:

.link_txt{
    font:        12px verdena;
    text-decoration: none;
    color:        black;
    }
.link_txt:hover{
    font:        12px verdena;
    text-decoration: none;
    color:        black;
    background-color:    d8d8d8;
    display:    block;
    }

Mit link: (der er flere, men viser kun ette ene af pladshensyn...):
<div id="start_position" class="txt"><a href="start.html" target="vis" class="link_txt">Startside</a></div>

Stien til gif-billedet er: "gfx/menu_click.gif"

Hvad hulen skal jeg gøre, når jeg vil have et menu_click.gif til at reagere når der trykkes på den pågældene knap ???

//zarthax//
Avatar billede olebole Juniormester
09. januar 2005 - 14:26 #1
<ole>

... og hvor er billedet?

/mvh
</bole>
Avatar billede zarthax Nybegynder
09. januar 2005 - 21:35 #2
Hvad mener du ???
Avatar billede zarthax Nybegynder
09. januar 2005 - 22:00 #3
Her er hele koden:

<html>
<head>
    <title>Privatradioklubben Ford</title>
   
<style type="text/css" title="ford-style001">
.topbanner{
    height:        50px;
    width:        620px;
    background-image:    url("gfx/ford-1.gif");
    border:        1px ridge black;
    }

.link_txt{
    font:        12px verdena;
    text-decoration: none;
    color:        black;
    }
.link_txt:hover{
    font:        12px verdena;
    text-decoration: none;
    color:        black;
    background-color:    d8d8d8;
    display:    block;
    }
.txt{
    font:         12px verdena;
    background-color:    ffffff;
    height:        14px;
    width:        60px;
    border:        1px ridge black;
    text-align:    center;
}

#start_position{
    position:    absolute;
    top: 75px;
    left: 187px;
}
#kalender_position{
    position:    absolute;
    top: 93px;
    left: 187px;}
#gevinst_position{
    position:    absolute;
    top: 111px;
    left: 187px;}
#aktivitet_position{
    position:    absolute;
    top: 129px;
    left: 187px;}
#bestyrelse_position{
    position:    absolute;
    top: 147px;
    left: 187px;}
#regnskab_position{
    position:    absolute;
    top: 165px;
    left: 187px;}
#historie_position{
    position:    absolute;
    top: 183px;
    left: 187px;}
#kontakt_position{
    position:    absolute;
    top: 201px;
    left: 187px;}
#links_position{
    position:    absolute;
    top: 219px;
    left: 187px;}

.vis{
    border:  1px ridge black;
}
#vis_position{
    position:    absolute;
    top: 75px;
    left: 252px;}

</style>

</head>

<body bgcolor="#ffffff">

<table align="center">
<tr>
    <td align="center"><div class="topbanner"></div></td>
</tr>
</table>

<!-- menu start -->
<div id="menu" class="menu_frame"></div>
<div id="start_position" class="txt"><a href="start.html" target="vis" class="link_txt">Startside</a></div>


<div id="kalender_position" class="txt"><a href="kalender.html" target="vis" class="link_txt">Kalender</a></div>
<div id="gevinst_position" class="txt"><a href="gevinst.html" target="vis" class="link_txt">Gevinster</a></div>
<div id="aktivitet_position" class="txt"><a href="aktiviteter.html" target="vis" class="link_txt">Aktiviteter</a></div>
<div id="bestyrelse_position" class="txt"><a href="bestyrelse.html" target="vis" class="link_txt">Bestyrelse</a></div>
<div id="regnskab_position" class="txt"><a href="regnskab.html" target="vis" class="link_txt">Regnskab</a></div>
<div id="historie_position" class="txt"><a href="historie.html" target="vis" class="link_txt">Historie</a></div>
<div id="kontakt_position" class="txt"><a href="kontakt.html" target="vis" class="link_txt">Kontakt</a></div>
<div id="Links_position" class="txt"><a href="links.html" target="vis" class="link_txt">Links</a></div>
<!-- menu slut -->

<!-- hovedvindue start -->
<div id="vis_position" class="vis"><iframe name="vis" id="vis" width="552" height="500" align="middle" frameborder="0"></iframe></div>
<!-- hovedvindue slut -->
</body>
</html>


Meningen er, at når man trykker på en knap, kommer der en lille animation, (menu_click.gif) på denne knap, problemet er bare hvordan skal det laves???

//zarthax//
Avatar billede zarthax Nybegynder
12. januar 2005 - 20:18 #4
her lader ikke til at ske ret meget ?? :( surt...
Avatar billede zarthax Nybegynder
12. januar 2005 - 21:49 #5
....plejer ellers at være hajer til det her :( *suk*
Avatar billede zarthax Nybegynder
13. januar 2005 - 17:10 #6
hmm.... finder en anden løsning så...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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