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 で opacity: 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 に答える