Avatar billede kwanstudios Nybegynder
04. august 2002 - 17:21 Der er 2 kommentarer og
1 løsning

mouseover

Jeg har denne side som jeg er i gang med:

www.kwanstudios.dk/x/


der ønsker jeg i menuen når musen bevæges over en af menupunkterne at:

1) baggrundsfarven på alle tre td ændres til #A74976
2) tekstfarven ændres til #D3A4BB
3) pilen (et billede) ændres til pil_hoejre_hvid.gif

Det burde være meget simpelt og kan vel klares forholdsvis hurtigt :O)
Avatar billede nikolajdu Nybegynder
05. august 2002 - 08:06 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<HTML>

<HEAD>
    <TITLE>X</TITLE>
    <META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=iso-8859-1">
    <STYLE TYPE="text/css">
    .option1 { font-family: Tahoma; font-size: 11px; font-weight: bold; color:#9B9280; background-color:#C7C1B5; }
    a:active, a:link, a:visited, a:hover { text-decoration: none; color: #A74976; }
    a.menu:active, a.menu:link, a.menu:visited { text-decoration: none; color: #9B9280; }
    a.menu:hover { text-decoration: none; color: #D3A4BB; background-color : #A74976; }
    </STYLE>
   
    <script language="javascript">   
    ns4 = (document.layers)? true:false
    ie4 = (document.all)? true:false
    ie5 =(document.getElementById)? true:false
    ns6 = (document.getElementById && !document.all)?true:false;
   
    function skiftDu(hvad,over){
    var styleObj = (ns4)? document.layers['tr'+hvad] : (ie4)? document.all['tr'+hvad].style : document.getElementById('tr'+hvad).style;
    if(over){
    styleObj.color = "#D3A4BB"
    styleObj.backgroundColor ="#A74976"
    document.images['b'+hvad].src = "pil_hoejre_hvid.gif"
    }else{
    styleObj.color = "#9B9280"
    styleObj.backgroundColor = "#C7C1B5"
    document.images['b'+hvad].src = "pil_hoejre.gif"
    }
}
   
    </script>

</HEAD>

<BODY BGCOLOR="#E1DED7">

<TABLE STYLE="width: 100%; height: 100%;" CELLSPACING="0" CELLPADDING="0" BORDER="0">

<TR>

<TD WIDTH="169" VALIGN="top">

<IMG SRC="logo.gif" BORDER="0" ALT="[logo symbol] X">
<BR>


<TABLE WIDTH="169" CELLSPACING="0" CELLPADDING="0" BORDER="0" >
<TR id="tr1" class="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20" ></TD><TD><SPAN><A HREF="#" CLASS="menu" onmouseover="skiftDu(1,true)" onmouseout="skiftDu(1,false)">Om X</A></SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b1"></TR>
<TR><TD><IMG SRC="blank.gif" WIDTH="1" HEIGHT="1"></TD></TR>
<TR id="tr2" class="option1"CLASS="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20"></TD><TD><SPAN onmouseover="skiftDu(2,true)" onmouseout="skiftDu(2,false)">Kompetencer</SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b2"></TR>
<TR><TD><IMG SRC="blank.gif" WIDTH="1" HEIGHT="1"></TD></TR>
<TR id="tr3" class="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20"></TD><TD><SPAN onmouseover="skiftDu(3,true)" onmouseout="skiftDu(3,false)">Kunder</SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b3"></TR>
<TR><TD><IMG SRC="blank.gif" WIDTH="1" HEIGHT="1"></TD></TR>
<TR id="tr4" class="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20"></TD><TD><SPAN onmouseover="skiftDu(4,true)" onmouseout="skiftDu(4,false)">Hjernerne bag</SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b4"></TR>
<TR><TD><IMG SRC="blank.gif" WIDTH="1" HEIGHT="1"></TD></TR>
<TR id="tr5" class="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20"></TD><TD><SPAN onmouseover="skiftDu(5,true)" onmouseout="skiftDu(5,false)">Kundelogin</SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b5"></TR>
<TR><TD><IMG SRC="blank.gif" WIDTH="1" HEIGHT="1"></TD></TR>
<TR id="tr6" class="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20"></TD><TD><SPAN onmouseover="skiftDu(6,true)" onmouseout="skiftDu(6,false)">OpenSource</SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b6"></TR>
<TR><TD><IMG SRC="blank.gif" WIDTH="1" HEIGHT="1"></TD></TR>
<TR id="tr7" class="option1"><TD WIDTH="20"><IMG SRC="blank.gif" WIDTH="20" HEIGHT="20"></TD><TD><SPAN onmouseover="skiftDu(7,true)" onmouseout="skiftDu(7,false)">Kontakt X</SPAN></TD><TD WIDTH="17"><IMG SRC="pil_hoejre.gif" BORDER="0" name="b7"></TR>

</TABLE>

</TD><TD>

&nbsp;

</TD>

</TR>

</TABLE>

</BODY>

</HTML>
Avatar billede kwanstudios Nybegynder
07. august 2002 - 14:53 #2
takskalduhadu
Avatar billede nikolajdu Nybegynder
07. august 2002 - 14:59 #3
no problemos :)
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