Выражения в CSS

[rash]

Итак, возникла необходимость, сопвпавшая с желанием, разобраться в CSS-expressions.

Задача тривиальна — эмулировать hover для произвольного элемента.

Чтобы не разводить кучу мелких файлов, решил все костыли для IE объединить в одном, и использовать expression, чтобы встроить JavaScript в CSS, который, в свою очередь, подключается через Conditional Comments.

Выглядит это сейчас таким образом:

hover: expression( function() {					
				onmouseover = function() {
					className = "over";
				}
				onmouseout = function() {
					className = "";
				}
			}()
		);

Проблема очевидна — обработчики постоянно назначаются заново, при каждом чихе над страницей. Не тормозит в данном случае, но все равно неприятно.

Единственная мысль, которая пока приходила в голову — переназначать этот стиль с помощью runtimeStyle, чтобы выражение больше не пересчитывалось, но это не помогло.

hover: expression( function() {					
				onmouseover = function() {
					className = "over";
				}
				onmouseout = function() {
					className = "";
				}
				runtimeStyle.hover = "42";
			}()
		);

Если протестировать конструкцию, например, с помощью алертов, то видно, что выражение выполняется снова и снова.

Союбственно вопрос, как бы заставить это выражение не пересчитываться после первого выполнения?

Хотелось бы в этом случае оставить именно экспрешн.

[SelenIT]

Подозреваю, что дело в обращении к несуществующему свойству runtimeStyle.hover (выражение-то вычисляется, а присвоить-то нечему...). Если заменить на что-нибудь существующее, но "в мирное время" неиспользуемое (типа azimuth, по совету классика , проблема остается?

[rash]

К сожалению, да

azimuth: expression( function() {					
				onmouseover = function() {
					className = "over";
				}
				onmouseout = function() {
					className = "";
				}
				runtimeStyle.azimuth = "42";
				alert("!");
			}()
		);

Этот код сыплет алертами постоянно.