Avatar billede kobojt Nybegynder
02. oktober 2000 - 11:24 Der er 8 kommentarer og
3 løsninger

Rollover...

Hi, jeg har på mit site en række links (i frames), ved siden af dem vil jeg gerne kunne sætte et lille stykke grafik både, når musen kører hen over grafikken men også når jeg har klikket på linket (så man kan se hvor man er).
Hvordan gør man det ?

Kobojt
Avatar billede barlach Nybegynder
02. oktober 2000 - 11:28 #1
bruger du dreamweaver??
...du skal bare lade være med at swappe tilbage ved mouseout.
Avatar billede kobojt Nybegynder
02. oktober 2000 - 11:31 #2
Nej, jeg sidder med interdev.
Avatar billede barlach Nybegynder
02. oktober 2000 - 11:32 #3
ok...prøv at post din kode her. (den del hvor du laver mouseover)
Avatar billede limemedia Nybegynder
02. oktober 2000 - 11:34 #4
<HTML>
<HEAD>
<TITLE>onMouseOver</TITLE>
<META HTTP-EQUIV=\"Content-Type\" CONTENT=\"text/html; charset=iso-8859-1\">

<SCRIPT LANGUAGE=\"JavaScript\">
<!--
    var preloadFlag = false;
    var activeMenu;
   
    function newImage(arg) {
        if (document.images) {
            rslt = new Image();
            rslt.src = arg;
            return rslt;
        }
    }

    function preloadImages() {
        if (document.images) {
            home_over = newImage(\"gfx/home-over.gif\");
            contact_over = newImage(\"gfx/contact-over.gif\");
            preloadFlag = true;
        }
    }

    function changeImages() {
        if (document.images && (preloadFlag == true))
            if (activeMenu != changeImages.arguments[0])
                for (var i=0; i<changeImages.arguments.length; i+=2)
                    document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
    }

    function resetAll() {
        changeImages(\'home\', \'gfx/home-off.gif\');
        changeImages(\'contact\', \'gfx/contact-off.gif\');
    }
   
    function setActive(arg) {
        activeMenu = arg;
        resetAll();
    }

// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=\"#FFFFFF\" onLoad=\"preloadImages();\">
<A HREF=\"java script:setActive(\'home\');\" onFocus=\"this.blur();\" onMouseOver=\"changeImages(\'home\', \'gfx/home-over.gif\'); return true;\" onMouseOut=\"changeImages(\'home\', \'gfx/home-off.gif\'); return true;\" onClick=\"setActive(\'home\'); return true;\"><IMG NAME=\"home\" SRC=\"gfx/home-off.gif\" WIDTH=\"57\" HEIGHT=\"57\" BORDER=\"0\"></A>
<A HREF=\"java script:setActive(\'contact\');\" onFocus=\"this.blur();\" onMouseOver=\"changeImages(\'contact\', \'gfx/contact-over.gif\'); return true;\" onMouseOut=\"changeImages(\'contact\', \'gfx/contact-off.gif\'); return true;\" onClick=\"setActive(\'contact\'); return true;\"><IMG NAME=\"contact\" SRC=\"gfx/contact-off.gif\" WIDTH=\"57\" HEIGHT=\"57\" BORDER=\"0\"></A>
</BODY>
</HTML>


<A HREF=\"java script:setActive(\'contact\');\"
udskiftes med dit link (tjener til formål at vise koden fungerer... hvis du bruger # vil eksemplet reloade sig selv - det ønsker man ikke.


/ Lars
www.ljweb.com
Avatar billede kobojt Nybegynder
02. oktober 2000 - 11:35 #5
Jeg har ikke noget kode
Avatar billede barlach Nybegynder
02. oktober 2000 - 11:37 #6
ahhh...=)
nemmest at tage ljweb\'s forslag så...

>>ljweb, skal du ikke fjerne \"mouseout\"-funktionen???

Jeg tror gerne kobojt vil have grafikken til at blive der...
Avatar billede kobojt Nybegynder
02. oktober 2000 - 11:58 #7
Hvad gør denne stump kode ?

onFocus=\"this.blur();\"
Avatar billede funnysite_dk Nybegynder
02. oktober 2000 - 12:55 #8
Kig på funnysite.dk, i menuen bliver sådan en kode brugt.
Avatar billede barlach Nybegynder
02. oktober 2000 - 13:02 #9
den fjerner den marquee der ellers kommer omkring et link når du trykker
Avatar billede funnysite_dk Nybegynder
03. oktober 2000 - 14:31 #10
Hvafor en marquee. Det virker sku da fint.
Avatar billede barlach Nybegynder
03. oktober 2000 - 15:12 #11
ja...netop =)
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