Изменение стиля объекта с помощью свойства className

В примере Элемент <a> использует style sheet class="warning".
Настроив значения в style sheet, мы добьемся того, что внешний вид ссылки будет без подчеркивания, а при onMouseOver появится подчеркивание, более того сменится цвет ссылки... Это конечно не ново...

Пример:	Код HTML:
Наведите мышь на ссылку: Ссылка с классом warning Обычная ссылка	`<style> a.warning {text-decoration: none; color: #00dd00;} a.warning:hover {color: #008700; text-decoration: underline;} </style>`

Обратите внимание на то, как изменяется цвет фона и надписей в соответствие с положением мыши. Посмотрите, как это делается:

Пример:

Код HTML:

Наведите мышь на ячейку:

Part 1

Part 2

Part 3

Part 4


						<style>
						

						  .dark {background-color:#006600; color:#eeffee; cursor:hand;}
						

						  .green {background-color:#aaccaa; color:#003300;}
						

						</style>
						

						...
						

						
							
								<table>
								

								  <tr>
								

								    <td class="green" onMouseOver="this.className=‘dark’"
								

								       onMouseOut="this.className=‘green’">
								

								       Part 1
								

								    </td>
								

								  </tr>
								

								  ...
								
</table>