Frågan 3 okt. 2003 15:19 #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
Web-Tor Medlem sedan nov. 2000 13 890 inlägg Du kan väl börja med att posta den kod du har nu?
Så kan vi bygga vidare på den. :i
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..
<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
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
J Jojoxx Medlem sedan juni 2000 4 308 inlägg 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);"
sven Medlem sedan aug. 2001 383 inlägg Tar upp en gammal tråd...
Hur gör jag om jag samtidigt vill byta färg på texten?