эффект при наведении

[tina]

эх не прокатило - обычный цсс при ховере работает

[zebra]

Создайте работающий пример, на котором видна проблема. Выложите на jsfiddle.com или сюда.

[tina]

файл html, css, image, js? а как сюда выложить? объясните плиз подробней..я вообще все блоки написала, только картинки не приложила...

[zebra]

http://learn.javascript.ru/play

[tina]

еле разобралась, но спасибо!
http://learn.javascript.ru/play/ZPTP8b

[tina]

наведите - мерцает
а надо что б плавно из зеленого в красный

[zebra]

$(document).ready(function(){
	$('.about li').hover(function(){
		$(this).stop(true, true).animate({
			opacity: 0.4
		},
        function() {
          $(this).animate({ opacity: 1}); 
       });
	},
	function() {
		$(this).stop(true, true).animate({
			opacity: 0.1,
          'backgroundPosition': '0 0'
		},
        function() {
             $(this).animate({ opacity: 1 }); 
       });
	});
});

Как-то так

[zebra]

Плавно врятле получится. Чтобы перешло из зеленый в красный, надо постепенно менять много цветов. Хотя может и другой вариант есть

[cmd]

jQuery UI

$(document).ready(function(){
    $("#sample").mouseover(function() {
         $(this).animate({ backgroundColor:'#f00'},1000);
    }).mouseout(function() {
        $(this).animate({ backgroundColor:'#ccc'},1000);
    });       
});​

[tina]

zebra, спасибо тебе решение работает, но не одинаково в браузерах: в опере все ок, в ие8 нет, нам надо в последних браузерах что б было