Avatar billede pesa Nybegynder
22. juni 2002 - 11:04 Der er 5 kommentarer og
3 løsninger

Kan I give mig koden?

http://www.wanna-save.com/ er der oppe til højre en menu (interesser, telefoni, kalender og spil). Når man kører musen over disse skifter menupunkterne farve på en fadene måde.

Er der nogen der kan fortælle mig hvordan man gør det?

Virker det i alle browsere?
Avatar billede jespernaur Nybegynder
22. juni 2002 - 11:11 #1
Du kan selv se koden i browseren, ved at trykke "view->source", eller det tilsvarende danske
Avatar billede pesa Nybegynder
22. juni 2002 - 11:14 #2
Hmm... ja, du har helt ret. Men da jeg prøvede før sagde min computer at filen var for stor til at blive åbnet i Notesblok...
Avatar billede pesa Nybegynder
22. juni 2002 - 11:17 #3
Giv lige et svar hvis du vil have nogle points.
Avatar billede Slettet bruger
22. juni 2002 - 11:24 #4
Menuen virker ikke i Opera (6.01) og Netscape (6.2).
Avatar billede sukos Juniormester
22. juni 2002 - 11:25 #5
<html><head><title>Menu</title>
<link rel="stylesheet" href="td.css" type="text/css">
</head>

<body onLoad="self.focus()">
<script language=JavaScript>
    var ft
    ft = false
    function fmouseoff(n, c) {
        if (document.all) {
            if (c == "#FFFFFF"){
                t = setTimeout("setColor('fane', " + n + ", '#C9CACB')",120)
                t = setTimeout("setColor('fane', " + n + ", '#D5D6D6')",170)
                t = setTimeout("setColor('fane', " + n + ", '#E1E2E2')",220)
                t = setTimeout("setColor('fane', " + n + ", '#EFEFEF')",270)
                t = setTimeout("setColor('fane', " + n + ", '#FFFFFF')",320)
            }else{
                t = setTimeout("setColor('fane', " + n + ", '#A3AEB8')",120)
                t = setTimeout("setColor('fane', " + n + ", '#869DB0')",170)
                t = setTimeout("setColor('fane', " + n + ", '#6C8DA9')",220)
                t = setTimeout("setColor('fane', " + n + ", '#527DA2')",270)
                t = setTimeout("setColor('fane', " + n + ", '#3C6F9C')",320)
                }
            }
        }
       
    function fsetColor(n, c) {
        if (lastn != n) document.all["fane" + n].style.backgroundColor=c
        //document.all["fane5"].style.backgroundColor='Gold'
        }
       
    lastn = -1
    function faneRoll(c,i,n){
        if (document.all){
            if (i==1){
                lastn = n
                document.all["fane" + n].style.backgroundColor = c
                }
            if (i==0){
                lastn = -1
                fmouseoff(n, c)
                }
            }
        }
       
    //function xfaneRoll(c,n){
    //    if (document.all) document.all["fane" + n].style.backgroundColor = c
    //    }
       
</script>

<table><tr>

<td bgcolor=#3A6E9B id="fane1" onMouseOver="faneRoll('silver',1,1)" onMouseOut="faneRoll('#3A6E9B',0,1)" width=85 onclick="knap1.click()" style="cursor: 'hand'">
                    <a href="/interesser/default.asp?Menu=-1" class="faneoff" name="knap1">
                    INTERESSER</a>
                </td>
                <!--
                <td bgcolor=#FFFFFF><img src="/images/design/spacer.gif" width=1 height=1></td>
               
                <td bgcolor=#3A6E9B id="fane2" onMouseOver="faneRoll('silver',1,2)" onMouseOut="faneRoll('#3A6E9B',0,2)" width=85 onclick="knap2.click()" style="cursor: 'hand'">
                    <a href="/specialtilbud/default.asp?Kategori=0&Menu=-1" class="faneoff" name="knap2">
                    BUTIK</a>
                </td>-->
                <td bgcolor=#FFFFFF><img src="/images/design/spacer.gif" width=1 height=1></td>
               
                <td bgcolor=#3A6E9B id="fane3" onMouseOver="faneRoll('silver',1,3)" onMouseOut="faneRoll('#3A6E9B',0,3)" width=85 onclick="knap3.click()" style="cursor: 'hand'">
                    <a href="/telefoni/default.asp?Menu=-1" class="faneoff" name="knap3">
                    TELEFONI</a>
                </td>
                <td bgcolor=#FFFFFF><img src="/images/design/spacer.gif" width=1 height=1></td>
               
                <td bgcolor=#3A6E9B id="fane4" onMouseOver="faneRoll('silver',1,4)" onMouseOut="faneRoll('#3A6E9B',0,4)" width=85 onclick="knap4.click()" style="cursor: 'hand'">
                    <a href="/kalender/default.asp?Menu=-1" class="faneoff" name="knap4">
                    KALENDER</a>
                </td>
                <td bgcolor=#FFFFFF><img src="/images/design/spacer.gif" width=1 height=1></td>
               
                <td bgcolor=#3A6E9B id="fane5" onMouseOver="faneRoll('silver',1,5)" onMouseOut="faneRoll('#3A6E9B',0,5)" width=85 onclick="knap5.click()" style="cursor: 'hand'">
                <a href="/spil/slot/default.asp?Menu=-1" class="faneoff" name="knap5">
                    SPIL</a>
                </td>

</tr></table>
    <script language=JavaScript>
    var t
    t = false
    function mouseoff(n) {
        if (document.all) {
            t = setTimeout("setColor('tr', " + n + ", '#FFC900')",120)
            t = setTimeout("setColor('tr', " + n + ", '#FFBF00')",170)
            t = setTimeout("setColor('tr', " + n + ", '#FFB400')",220)
            t = setTimeout("setColor('tr', " + n + ", '#FFAA00')",270)
            t = setTimeout("setColor('tr', " + n + ", '#FE9A02')",320)
            }
        }
    function setColor(st, n, c) {
        if (lastn != n) document.all[st + n].style.backgroundColor = c
        //document.all["fane5"].style.backgroundColor='Gold'
        //document.all["fane5"].style.textColor='black'
        }
    lastn = -1
    function menuRoll(i,n){
        if (document.all){
            if (i==1){
                lastn = n
                document.all["tr" + n].style.backgroundColor = '#FFD700'
                }
            if (i==0){
                lastn = -1
                mouseoff(n)
                }
            //if (i==0) document.all["tr" + n].style.backgroundColor = '#FE9A02'
            }
        }

    </script>
</body></html>
Avatar billede sukos Juniormester
22. juni 2002 - 11:26 #6
Og td.css

body,p,div,span,th,td{font-family:Verdana;font-size:10px;}

body
{
background-color: #3A6E9B;
background-image: URL(/images/design/background.gif);
background-attachment: fixed;
background-position: center 100px;
background-repeat: no-repeat;

scrollbar-arrow-color : #ffffff;
scrollbar-base-color : #59A9EE;
scrollbar-face-color : #59A9EE;
scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #002244;
}

.mell{ font-size:12px; font-weight:bold; }
.head{ font-size:20px;font-weight:bold; }
.gray{ color: gray }
.grayOn{font-size:11px; color: #CC0000; font-weight: bold; text-decoration: none;}
.obs{ font-size:17px; color: #330000; font-weight: bold}
.obslille{ font-size:10px; color: #330000; font-weight: bold}

a.faneoff:link{ color: #FFFFFF; font-weight:bold; text-decoration: none; }
a.faneoff:visited{ color: #FFFFFF; font-weight:bold; text-decoration: none; }
a.faneoff:hover{ color: #FFFFFF; font-weight:bold; text-decoration: none; }
a.faneoff:active{ color: #FFFFFF; font-weight:bold; text-decoration: underline; }

a.faneon:link{color: #002244; font-weight:bold; text-decoration: none; }
a.faneon:visited{color: #002244; font-weight:bold; text-decoration: none; }
a.faneon:hover{color: #002244; font-weight:bold; text-decoration: none; }
a.faneon:active{color: #002244; font-weight:bold; text-decoration: underline; }

a.pang:link{color: #CC0000; font-weight:bold; text-decoration: none;  }
a.pang:visited{ color: #CC0000; font-weight:bold; text-decoration: none; }
a.pang:hover{color: #FF0000; font-weight: bold; text-decoration: none; }
a.pang:active{color: #CC0000; font-weight:bold; text-decoration: none;  }

a.leftmenu:link{color: #330000; font-weight:bold; text-decoration: none;  }
a.leftmenu:visited{ color: #330000; font-weight:bold; text-decoration: none; }
a.leftmenu:hover{color: #330000; font-weight: bold; text-decoration: none; }
a.leftmenu:active{color: #330000; font-weight:bold; text-decoration: none;  }

a.menu:link{color: #002244; font-weight:bold; text-decoration: none;  }
a.menu:visited{ color: #002244; font-weight:bold; text-decoration: none; }
a.menu:hover{ color: #CC0000; font-weight: bold; text-decoration: none; }
a.menu:active{color: #002244; font-weight:bold; text-decoration: none;  }

a.menuOn:link{color: #CC0000; font-weight:bold; text-decoration: none;  }
a.menuOn:visited{ color: #CC0000; font-weight:bold; text-decoration: none; }
a.menuOn:hover{color: #CC0000; font-weight: bold; text-decoration: none; }
a.menuOn:active{color: #CC0000; font-weight:bold; text-decoration: none;  }

a.grupper:link{color: #002244; font-weight:normal; text-decoration: none; }
a.grupper:visited{color: #002244; font-weight:normal; text-decoration: none; }
a.grupper:hover{color: #CC0000; font-weight:normal; text-decoration: none; }
a.grupper:active{color: #002244; font-weight:normal; text-decoration: none; }

a.text:link{ color: blue; text-decoration: underline; }
a.text:visited{ color: purple; text-decoration: underline; }
a.text:hover{ color: red; text-decoration: underline; }
a.text:active{ color: red; text-decoration: underline; }

a.neutral:link{ color: #002244; text-decoration: none; font-weight:normal; }
a.neutral:visited{ color: #002244; text-decoration: none; font-weight:normal; }
a.neutral:active{ color: #002244; text-decoration: none; font-weight:normal; }

.standardBlaa{ color: #002244; font-family: Verdana; font-size: 10px; background: #59A9EE;}
.form{ color: #002244; font-family: Verdana; font-size: 10px; background: #A0D0EC;}
input{ color: #002244; font-family: Verdana; font-size: 10px; }
.button{ color: #002244; font-family: Verdana; font-size: 10px; font-weight: bold; background: 'silver'; }
.scroll{ color: #002244; font-family: Verdana; font-size: 7px; background: 'silver'; }
.txt{ color: #ffffff; font-family: Verdana; font-size: 10px; font-weight:bold;text-decoration: none;}
.abonnement{ font-family: Verdana; font-size: 10px; font-weight:bold;text-decoration: none;}
Avatar billede jespernaur Nybegynder
22. juni 2002 - 12:33 #7
her
Avatar billede pesa Nybegynder
22. juni 2002 - 19:58 #8
Tak for hjælpen til alle. :)
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
Kurser inden for grundlæggende programmering

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