在div jquery上懸停文本更改不透明度

Question

我有一個列表面板，每個單詞都有不同的單詞，每個單詞都在右側解釋了一個div。 懸停匹配的單詞時，我試圖將匹配的div的不透明度更改為1.0。

<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>

這只是我要實現的目標的一個示例。 這不起作用，我是否還需要在CSS中定義x：hover？ 我定義了一個不透明度：在CSS的每個div上為0.7。 Mabye我需要定義它：（“ .Settings ul li SettingSlideshow”）？

感謝幫助！

Answer 1

<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>

參考懸停

在div jquery上懸停文本更改不透明度

問題描述

1 個解決方案

解決方案1
1 已采納 2013-09-16 08:58:59

在div jquery上懸停文本更改不透明度

問題描述

1 個解決方案

解決方案1 1 已采納 2013-09-16 08:58:59

解決方案1
1 已采納 2013-09-16 08:58:59