Søg
Avatar billede silickon.dk Nybegynder
21. juli 2003 - 15:11 Der er 8 kommentarer og
1 løsning

En kode til hover.

Hej.
Jeg leder efter en kode jeg har set mange bruge.
Det skal være sådan at når man kører musen over et link i menuen kommer der en hel "farvet boks" hvor det link er.
Jeg har lavet et eksempel her, så i ved hvad jeg snakker om:
Menuen normalt: http://www.silickon.dk/normal.png
Menuen ved hover: http://www.silickon.dk/hover.png

Håber i ved hvad jeg mener.

//Silickon.Dk
Avatar billede morten_leth Nybegynder
21. juli 2003 - 15:12 #1
det er noget onclick du skal have fat i der... jeg ved bare det er det men jeg ved ikke hvordan det laves... sorry....
Avatar billede schaefner Juniormester
21. juli 2003 - 15:12 #2
http://activedeveloper.dk/artikler/default.asp?articleid=247
Avatar billede dk_akj Nybegynder
21. juli 2003 - 15:13 #3
<html>
<head>
<SCRIPT LANGUAGE=JavaScript>


function button_over(eButton)
    {
    eButton.style.backgroundColor = "#B5BDD6";
    eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
    }
function button_out(eButton)
    {
    eButton.style.backgroundColor = "#0080FF";
    eButton.style.borderColor = "#C0C0C0";

    }
function button_down(eButton)
    {
    eButton.style.backgroundColor = "#8494B5";
    eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
    }
function button_up(eButton)
    {
    eButton.style.backgroundColor = "#B5BDD6";
    eButton.style.borderColor = "darkblue darkblue darkblue darkblue";
    eButton = null;
    }
</SCRIPT>
 

</head>


            <table width="746" border="1" cellspacing="0" cellpadding="0" align="center">
                <tr>
               
                    <td class="menu"
                        onClick="URL='club.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Klubben</div>
                    </td>
                                       
                    <td class="menu"
                        onClick="URL='activity.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Aktiviteter</div>
                    </td>       
               
                    <td class="menu"
                        onClick="URL='news.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Nyheder</div>
                    </td>       
               
                    <td class="menu"
                        onClick="URL='dept.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Udvalg</div>
                    </td>       
               
                    <td class="menu"
                        onClick="URL='pictures.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Billeder</div>
                    </td>   
                   
                    <td class="menu"
                        onClick="URL='contact_new.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Skriv til SWK</div>
                    </td>       

                    <td class="menu"
                        onClick="URL='maillist.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Mailliste</div>
                    </td>       
                   
                    <td class="menu"
                        onClick="URL='adminselection.asp'"
                        onmouseover="button_over(this);"
                        onmouseout="button_out(this);"
                        onmousedown="button_down(this);"
                        onmouseup="button_up(this);">
                        <div align="center"> Login</div>
                    </td>       

                   
   

                </tr>
            </table>
   
   

//akj
Avatar billede morten_leth Nybegynder
21. juli 2003 - 15:14 #4
okay... sorry for spam.. det var ikke det jeg sagde... men et godt bud... sorry jeg ledte dig på afveje eller hvad man skal sige.. :-)
Avatar billede ckh Nybegynder
21. juli 2003 - 15:15 #5
Det kan vel også laves med css som jeg har gjort her:
http://www.sidpost.dk
Avatar billede roenving Novice
21. juli 2003 - 15:25 #6
Og css'en vil ca. se sådan ud (med dk_akjs farver):

.menu:link{
background-color:#0080FF;
border-color:#C0C0C0;
}
.menu:hover{
background-color:#B5BDD6;
border-color:darkblue;
}
.menu:active{
background-color:#8494B5;
border-color:darkblue;
}

Hvorefter et udsnit af tabellen ser sådan ud:

<table width="746" border="1" cellspacing="0" cellpadding="0" align="center">
                <tr>
               
                    <td class="menu" onClick="URL='club.asp'">
                        <div align="center"> Klubben</div>
                    </td>
                                       
                    <td class="menu" onClick="URL='activity.asp'">
                        <div align="center"> Aktiviteter</div>
                    </td>       
               
hth
jes
Avatar billede ckh Nybegynder
21. juli 2003 - 15:29 #7
Roenving>> Ja det er ca. sådan mit ser ud. Dog har jeg også en
display: block;
i hver af selektorne (men det kan jo lures ved at tage en stirrer på css-scriptet på http://www.sidpost.dk
Avatar billede silickon.dk Nybegynder
21. juli 2003 - 15:31 #8
Jeg takker mange gange.
schaefner får point, det var hans link jeg brugte :)
Avatar billede roenving Novice
21. juli 2003 - 15:39 #9
>>ckh

Ja, og jeg glemte også at tænke på cursor:pointer; (hand validerer ikke i css2 !-)

-- men jeg lavede det mest som et alternativ til dk_akjs _meget_ lange kode -- css'en er zq en hel del lettere at overskue !o]
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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 dag 12:21 Er det svindel eller fra Microsoft Af mort1 i Andet sikkerhed
I går 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
White papers
Flere white papers »