在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