2012-04-22 2 views
2

Как написать функцию, которая работает onmouseover;Функция jQuery/JavaScript для изменения непрозрачности стиля

  • получает все теги «IMG» в этом Div
  • Изменения стиля изображения (ов), чтобы понизить непрозрачность до 0,5

Заранее спасибо!

+0

Это для веб-сайта я работаю, не для школы, но как личное хобби. Я учился в средней школе и никогда не учился в каких-либо классах компьютерной науки. См. Мой «обо мне» для получения дополнительной информации. Что касается людей, которые действительно помогли, спасибо, я получил его работу! –

+0

Да, я хотел бы указать на то, что вы задаете вопрос, не пробовав что-то самостоятельно, не публикуя пример кода и говоря «Я заблокирован в этот момент», вы просто спрашиваете «напишите мне для меня, пожалуйста» и это не дух stackoverflow. – pomeh

+0

Я действительно пробовал несколько вещей и не мог заставить его работать. Серьезно, я был у него более получаса. Я плохо разбираюсь в JavaScript ... могу написать отличный скрипт PHP! –

ответ

3
$('.whatever').on('mouseenter', function() { 
    $('img', this).css('opacity', '0.5'); 
}).on('mouseleave', function() { 
    $('img', this).css('opacity', '1'); 
}); 

Однако, вы можете сделать то же самое, используя с использованием чистого CSS:

.whatever:hover img { opacity: 0.5; } 
+0

решение только для CSS лучше, чем Javascript one – pomeh

+0

Это сработало отлично! Благодарю. –

2

Вот возможность:

$("#yourDiv").bind("mouseover", function(){ 
    $(this).find("img").css("opacity", "0.5"); 
}); 
Смежные вопросы