2013-02-22 2 views
1

Я использовал этот плагин для моего сайта. Фактически он работает, но не полностью. Мои ссылки не имеют цвета фона в соответствии с моими стилями. Но когда вы наводите на них курсор, цвет фона изменяется с помощью jquery BUT после того, как он зависает от них, не должно быть никакого цвета фона, но это происходит. «Остановить ожидание», вероятно, не делает то, что я желаю. Я действительно хочу, чтобы эти ссылки не имели никакого цвета фона. Я знаю его просто, но просто не мог этого сделать. Вот мой JQuery код:Плагин цвет JQuery НЕ конвертируется в прозрачный

$(document).ready(function() {    
    $("#Menu div span label a").hover(function() {  
     $(this).stop().animate({ backgroundColor: "#00aadd" }, 600);  
     }, function() {  
    $(this).stop().animate({ backgroundColor: "transparent" },400);}); 
});  

Полные коды здесь. http://jsfiddle.net/hGmxP/34/.

Кстати, если вы видите, что Ive использовал много тегов для этих простых ссылок, это потому, что сайт будет моим портфолио, и ему нужно иметь много слоев для проектной части. Так что что-то не так в моих кодах? И спасибо заранее

+3

Цвет плагин не может оживить прозрачным. Вместо этого попробуйте использовать 'rgba'. – BenM

+0

THX для этого, но rgba не хватает поддержки для более низких версий браузеров !!! – John

+0

Анимированная непрозрачность, более поздние версии поддержки jquery с использованием «непрозрачности» и автоматически выбрасывают в -webkit- или -ms- или -moz- в зависимости от используемого браузера, а также используют фильтр для действительно плохих версий IE – bizzehdee

ответ

1

Вы можете попробовать использовать CSS. Но я не думаю, что он будет работать на IE

-webkit-transition: all 0.6s ease; 
-moz-transition: all 0.6s ease; 
-o-transition: all 0.6s ease; 
transition: all 0.6s ease; 

Вы можете проверить его здесь: http://jsfiddle.net/76uGE/1/

+0

Спасибо за усилие PSU, я даже попробовал то, что вы сделали. НО, поскольку это CSS3, поэтому НЕТ ПОДДЕРЖКИ В IE 7, 8 и 9, к сожалению. – John

+0

Нет проблем. Я также нашел это, возможно, вы его не читали http://bugs.jqueryui.com/ticket/4372 – psu

+0

Я честно не сделал. НО THX для показа мне PSU. Теперь мне пришлось попробовать какое-то другое решение. – John