Простейший скрипт для реализации hover-эффекта для любого элемента в Internet Explorer 6

Внимание: рекомендуется обновленная версия данной статьи. Несмотря на то, что данное решение уже опубликовано в РУнете не мной, я просто не могу не написать о нем, т.к. решение, на мой взгляд, достойно внимания, и нужно его популяризовать посредством моего блога. Я постоянно слежу за материалами ...

Комментарии (63)

  1. Спасибо за скриптик, возьму на вооружение. А что за разрешение «htc», а то в гугле кроме коммуникаторов ничего найти не могу толкового.

  2. Предводителев Сергей
    11 лет 9 месяцев назад

    Очень удобное решение! Я раньше пользовался скриптом, который подключал/убирал необходимый класс — теперь перейду на этот способ.

    Только вот хотелось бы почитать по поводу этого htc поподробнее :)

  3. Я сам не знаю, что за такое разрешение. Какая-то разновидность ява-скрипта. Встречал подобные только для усмирения IE6.

  4. .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 м?

  5. Повелитель тегов
    11 лет 9 месяцев назад

    Скриптик весьма неплох, есть аналогичный для IE, тоже реализованный на htc, но там подключение идет через псевдокласс:hover а не через класс, те как у всех других браузеров. Взять можно тут

  6. Здесь описано, что за расширение файлов .htc — http://filext.com/file-extension/HTC

  7. lusever, так даже красивее. Спасибо! Только зачем в скрипте какой-то «scrollbar-face-color»?

    Elliot, спасибо за ссылку!

    A mechanism for implementing Dynamic HTML in script.

    То есть htc-файл — это механизм для реализации динамического HTML в скрипте.

  8. Повелитель тегов
    11 лет 9 месяцев назад

    Да, он больше. однако, если скрипт вынесен в отдельный файл, про современных «толстых» каналах это не так критично, если только он не используется на портале уровня яндекса или яху.

  9. Повелитель тегов, я этот и имел в виду, говоря о громоздких скриптах.

  10. да htc скрипты позволяют задать с помощью скриптов поведение контроллов, благадоря чем намного упрощается реализация

  11. Независимо от ширины канала, я предпочту большому скрипту маленький.

  12. Спасибо, Дмитрий.
    Как уже писал, не помню откуда его взял, да собственно уже и не важно :)
    А использую давно.
    Даже мини-галерею на нем сделал: http://trifler.ru/blog/post_1200410261.html
    Сам всегда мучился, со скриптами для меню в IE6, но теперь вроде, как проблема решена :)

  13. Кроме как присутствия “scrollbar-face-color” в файлах дополнительных материалов, не нашел объяснения, для чего это нужно.

  14. Да согласен, в принципе, модно внести некоторые коррективы в этот код, другими словами его модернизировать тем что бы скорость его подгрузки увеличилась на 5-15%, сейчас как раз работаю, потом поделюсь

  15. не знаю, может я что-то не так делаю, — но в ИЕ6-ом у меня «эффект наведения» появляется (стает активным) сразу же при загрузке страницы. Пробовал даже просто взять те несколько строчек которые представлены здесь, но всё равно :(

  16. Спасибо за скрипт, продолжаем борьбу с кривож#постью IE6.

  17. Спасибо большое! Мучалась с длинными скриптами, которые все равно не работали. С этим все получилось!

  18. element.className=''

    у эелемента был класс… допустим

    <li class="menu"></li>

    Мы наводим на на неё курсор… и в ие6 у нас затирается класс, убираем курсор и унас элемент остаётся без класса.
    Лично я уже смирился с ИЕ6 и если надо пишу на javascript. Всё такие свое и к месту — быстрее в разы.