Парение CSS по сравнению с [закрытым] наведением мыши JavaScript
Проблема заключалась в том, что под ним был еще один ImageView, где значение PickOnBounds было истинным, поэтому нажатие на область чуть выше него (где присутствует предыдущее изображение) обрабатывается как нажатие на это изображение ...
8 ответов
Проблема с: парение - то, что IE6 только поддерживает его на ссылках. Я использую jQuery для такого рода вещи в эти дни:
$("div input").hover(function() {
$(this).addClass("blue");
}, function() {
$(this).removeClass("blue");
});
Делает вещи намного легче. Это будет работать в IE6, FF, Chrome и Safari.
CSS каждый намного более удобен в сопровождении и читаем.
РЕДАКТИРОВАНИЕ: Этот ответ больше не сохраняется. CSS является хорошо supportedand JavaScript (чтение: JScript), теперь в значительной степени требуется для любого веб-опыта, и немного людей отключают JavaScript.
исходный ответ, как мое мнение в 2009.
Первое, что пришло на ум:
С CSS, у Вас могут быть проблемы с поддержкой браузера.
С JScript, люди могут отключить jscript (thats, что я делаю).
я полагаю, что предпочтительный метод состоит в том, чтобы сделать содержание в HTML, Расположении с CSS и чем-либо динамическом в JScript. Таким образом в этом экземпляре, Вы, вероятно, хотели бы проявить подход CSS.
Еще одно преимущество использования JavaScript: вы можете добавлять / удалять эффект наведения в разные моменты времени, например при наведении курсора на строки таблицы изменяется цвет, щелчок отключает эффект наведения и запускает редактирование в режиме места.
Почему не оба? Используйте jQuery для анимированных эффектов и CSS в качестве запасного варианта. Это дает вам преимущества jQuery с постепенной деградацией .
CSS:
a {color: blue;}
a:hover {color: red;}
jQuery (использует jQueryUI для анимации цвета):
$('a').hover(
function() {
$(this)
.css('color','blue')
.animate({'color': 'red'}, 400);
},
function() {
$(this)
.animate({'color': 'blue'}, 400);
}
);
Используйте CSS, он делает для намного более легкого управления самим стилем.
В перезащите к использование jQuery, чтобы сделать парение , я всегда использую плагин HoverIntent, поскольку это не запускает событие, пока Вы не приостанавливаетесь по элементу в течение краткого промежутка времени... это прекращает исчерпывать много мыши по событиям при случайном выполнении мыши по ним или просто при выборе опции.
Если Вам не нужна 100%-я поддержка IE6 с JavaScript, отключил Вас, мог бы использовать что-то как ie7-js с условными комментариями IE. Тогда Вы просто используете правила css применить эффекты при наведении курсора. Я не знаю точно, как это работает, но это использует JavaScript для создания большой работы правил css, которая обычно не делает в IE7 и 8.