Простейший скрипт для реализации hover-эффекта для любого элемента в Internet Explorer 6
Внимание: рекомендуется обновленная версия данной статьи. Несмотря на то, что данное решение уже опубликовано в РУнете не мной, я просто не могу не написать о нем, т.к. решение, на мой взгляд, достойно внимания, и нужно его популяризовать посредством моего блога. Я постоянно слежу за материалами ...
Комментарии (62)
Спасибо за скриптик, возьму на вооружение. А что за разрешение «htc», а то в гугле кроме коммуникаторов ничего найти не могу толкового.
Очень удобное решение! Я раньше пользовался скриптом, который подключал/убирал необходимый класс — теперь перейду на этот способ.
Только вот хотелось бы почитать по поводу этого htc поподробнее :)
Я сам не знаю, что за такое разрешение. Какая-то разновидность ява-скрипта. Встречал подобные только для усмирения IE6.
.add-hover-class-for-any-elements
{
scrollbar-face-color: expression (runtimeStyle.scrollbarFaceColor = '#fff',
onmouseover = function () {this.className += ' hover'},
onmouseout = function () {this.className = this.className.replace (/ hover/g, '')}
);
}
В отдельном ie. css м?
Скриптик весьма неплох, есть аналогичный для IE, тоже реализованный на htc, но там подключение идет через псевдокласс: hover, а не через класс, те как у всех других браузеров. Взять можно тут
Здесь описано, что за расширение файлов .htc — filext.com/file-extension/HTC
lusever, так даже красивее. Спасибо! Только зачем в скрипте какой-то «scrollbar-face-color»?
Elliot, спасибо за ссылку!
То есть htc-файл — это механизм для реализации динамического HTML в скрипте.
Да, он больше. однако, если скрипт вынесен в отдельный файл, про современных «толстых» каналах это не так критично, если только он не используется на портале уровня яндекса или яху.
Повелитель тегов, я этот и имел в виду, говоря о громоздких скриптах.
да htc скрипты позволяют задать с помощью скриптов поведение контроллов, благадоря чем намного упрощается реализация
Независимо от ширины канала, я предпочту большому скрипту маленький.
Сергей, и тебе спасибо ;)
Зачем использовать scrollbar-face-color :) Думал, ты в теме.
Кроме как присутствия «scrollbar-face-color» в файлах дополнительных материалов, не нашел объяснения, для чего это нужно.
Да согласен, в принципе, модно внести некоторые коррективы в этот код, другими словами его модернизировать тем что бы скорость его подгрузки увеличилась на 5−15%, сейчас как раз работаю, потом поделюсь
не знаю, может я что-то не так делаю, — но в ИЕ6-ом у меня «эффект наведения» появляется (стает активным) сразу же при загрузке страницы. Пробовал даже просто взять те несколько строчек которые представлены здесь, но всё равно :(
Спасибо за скрипт, продолжаем борьбу с кривож#постью IE6.
Спасибо большое! Мучалась с длинными скриптами, которые все равно не работали. С этим все получилось!
element.className=''
у эелемента был класс… допустим
<li class="menu"></li>
Мы наводим на на неё курсор… и в ие6 у нас затирается класс, убираем курсор и унас элемент остаётся без класса.
Лично я уже смирился с ИЕ6 и если надо пишу на javascript. Всё такие свое и к месту — быстрее в разы.
Jman, обрати внимание на этот комментарий, Павел предложил решение, которое подходит для твоего случая.