0

我有一个带有不同单词的列表面板，每个单词都在右侧解释了一个 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”）？

感谢帮助！

4

1 回答 1

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>

参考悬停

于 2013-09-16T08:58:59.030 回答