Наведите указатель мыши на непрозрачность текста на div jquery

У меня есть панель списка с разными словами, каждое слово объясняет div справа. Я пытаюсь изменить непрозрачность соответствующего div на 1.0 при наведении соответствующего слова.Наведите указатель мыши на непрозрачность текста на div jquery

<html> #HTML SETUP 
<div class="Settings"> 
    <ul> 
    <li class="SettingsSlideshow"> 
    <h3>Slideshow</h3> 
    </li> 
    <li class="SlideshowImage"> 
    <h4>Image</h4> 
    </li> 
    <li class="SlideshowTitle"> 
    <h4>Title</h4> 
    </li> 
    </ul> 
    </div> 

<div class="Slideshow"> 
</div> 
</html> 

<script type="text/javascript"> #JAVASCRIPT 
$(function(){ 
$(".SettingsSlideshow").hover(function(){ 
    $(".Slideshow").css({opacity: 1.0}); 
}); 
}); 
</script>

Это всего лишь один пример того, чего я пытаюсь достичь. Это не работает. Нужно ли определять x: hover в css? Я определил непрозрачность: 0.7 на каждый div в css. Mabye Мне нужно определить его: («.Settings ul li SettingSlideshow»)?

Спасибо за помощь!

источник

2013-09-16 fynn

Кажется, чтобы работать должным образом для меня: http://jsfiddle.net/Da76P/ Убедитесь, что поставить что-то внутри DIV изменяемого непрозрачность. –

Может быть, это что-то с моей настройкой div, тогда он работает, когда я добавил}, function() { $ (".Show-слайд-шоу"). Css ({opacity: 0.0}); // здесь задаем непрозрачность отдыха между 0 и 1 – fynn

Спасибо всем за быстрые ответы, поделитесь им! – fynn

<script type="text/javascript"> 
$(function(){ 
$(".SettingsSlideshow").hover(function(){ 
    $(".Slideshow").css({opacity: 1.0}); 
},function(){ 
$(".Slideshow").css({opacity: 0.0});// here set your rest opacity between 0 to 1 

}); 
}); 
</script>

ссылка hover

источник

2013-09-16 08:58:59

Спасибо! Это решило проблему! :) – fynn

Наведите указатель мыши на непрозрачность текста на div jquery

ответ

Смежные вопросы