webForumDet fria alternativet

Hur skall jag åstadkomma detta till min meny!

JavaScript

6 svar · 787 visningar · startad av Fredde Mannen

Medlem sedan nov. 20014 054 inlägg
Frågan#1

Jag har en liten fundering ang. menyer.

Jag har en tabell med 1 column och 6 rader.

Startsidan
Bilder
Osv...

När man vill ha skifta bakgrundsfärg på mouseover, det har jag koll på hur man gör... men om jag vill lägga en border runt bakgrundsfärgen som visas när jag gör en mouseover... hur åstadkommer jag det...

http://www.microsoft.se/ har något liknande som jag vill åstadkomma... någon som kan hjälpa mig på traven??? :q

Medlem sedan nov. 200013 890 inlägg
#2

Du kan väl börja med att posta den kod du har nu?
Så kan vi bygga vidare på den. :i

Medlem sedan nov. 20014 054 inlägg
#3

Web-Tor skrev:

Du kan väl börja med att posta den kod du har nu?
Så kan vi bygga vidare på den. :i

Har inte så mycket kod som är väsentlig.... har haft mina funderingar på att visa en layer med färgerna på mouseover... Men är lite nyfiken på MS variant... eftersom de verkar inte ha layers..

Medlem sedan nov. 20014 054 inlägg
#4
  <table width="165" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#e1e1e1"><tr>
<td height="19"
onmouseover="this.style.border = 'Solid 1px #CCCCCC';this.style.backgroundColor = '#eeeeee';this.style.cursor = 'default';"

onmouseout="this.style.border = 'Solid 1px #e1e1e1';this.style.backgroundColor = '';this.style.cursor = 'default';">
<a href="http://....">Länknamn</a>
</td></tr>
</table>

Jag fixade det på mitt eget lilla sätt! :) Får duga tillsvidare! :birp

Medlem sedan nov. 20014 054 inlägg
#5

Jag har denna kod som ni ser...

  <table width="165" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#e1e1e1"><tr>
<td height="19"
onmouseover="this.style.border = 'Solid 1px #CCCCCC';this.style.backgroundColor = '#eeeeee';this.style.cursor = 'default';"

onmouseout="this.style.border = 'Solid 1px #e1e1e1';this.style.backgroundColor = '';this.style.cursor = 'default';">
<a href="http://....">Länknamn</a>
</td></tr>
</table>

, kan jag på något sätt underlätta det hela för mig och kanske baka in det i ett script i mellan head typ:

function ShowBorder() {
this.style.border = 'Solid 1px #CCCCCC';
this.style.backgroundColor = '#ebebeb';
this.style.cursor = 'default';
}

function HideBorder() {
this.style.border = 'Solid 1px #e1e1e1';
this.style.backgroundColor = '';
this.style.cursor = 'default';
}

Men detta funkade inte... Har dock så dålig koll på Javascript, så skulle uppskatta om någon kunde hjälpa mig!!! :e :q

Medlem sedan juni 20004 308 inlägg
#6
function ShowBorder(obj) {
obj.style.border = 'Solid 1px #CCCCCC';
obj.style.backgroundColor = '#ebebeb';
obj.style.cursor = 'default';
}

function HideBorder(obj) {
obj.style.border = 'Solid 1px #e1e1e1';
obj.style.backgroundColor = '';
obj.style.cursor = 'default';
}
...
onmouseover="ShowBorder(this);"
onmouseout="HideBorder(this);"
Medlem sedan aug. 2001383 inlägg
#7

Tar upp en gammal tråd...

Hur gör jag om jag samtidigt vill byta färg på texten?

277 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
138 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
126 ms — ändringar (db)