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>

参考 hover

悬停文本更改div jquery上的不透明度

1 个答案: