osClick, onFocus, onMouseOut och onMouseover

CatZMedlem sedan jan. 20022 440 inlägg

Trådstart5 apr. 2006 04:28#1

Hej allihop jag är tillbaka igen. Önskar att jag antingen hade tillgång till mina tidigare projekt eller att det inte gick flera år mellan dom

Det är såhär, jag sitter i brisbane, australien och knåpar ihop ett litet projekt åt en snubbe här.

Menyn på sidan sak bestå av en tabell med 6 "td" taggar som jag vill ändra lite på om användaren för musen över tabellen, klickar på den osv.

		<table width="100%" border="0" align="center" cellpadding="0" cellspacing="7">
			<tr>
				<td width="16%" class="menu">Home</td>
				<td width="16%" class="menu">Demo</td>
				<td width="16%" class="menu">Try</td>
				<td width="16%" class="menu">Buy</td>
				<td width="16%" class="menu">Faq</td>
				<td width="16%" class="menu">Support</td>
			</tr>
		</table>

och klassen menu ser ut som följer:

.menu {
	background-color: #FFFFFF;
	border: 1px;
	border-color: #000000;
	border-style: solid;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

Hur lägger jag till det så att td får klassen .menuOver om användaren för musen över cellen och skulle det fungera både i mozillabaserade webläsare och ie?

trendolMedlem sedan okt. 2002170 inlägg

5 apr. 2006 06:05#2

för att ändra bakgrunden.

<td onmouseover="this.style.background='#cccccc';" style="background: #000000" onmouseout="this.style.background='#C0C0C0';"

bassebhuMedlem sedan nov. 20016 480 inlägg

5 apr. 2006 06:16#3

.menu:hover {

}

CatZMedlem sedan jan. 20022 440 inlägg

5 apr. 2006 06:18#4

Mjo det vet jag också men jag undrade hur man ändrar en hel "class" och svaret är som följer:

<td width="16%" class="menu" onMouseOver="this.className='menuOver'" onMouseOut="this.className='menu'">Home</td>