0

これは私のjQueryコードです...

<script>
  $(document).ready(function(){
    $("gallery", Image).hover(function(){
      $(this).stop().animate({ opacity: 1.0 }, 800);
    });
  });
</script>

私のHTML...

<table class="gallery">
  <tr>
    <td>                
      <img src="photo.jpg">
    </td>
  </tr>
</table>

私のCSS...

.gallery img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

マウスホバーを実行するときに、テーブル「ギャラリー」にある画像の不透明度を1.0に変更したい。私の構文が間違っていると確信しています。やりたいことはできる？画像ごとにクラスを指定したくありません。

4

4 に答える 4

2

JavaScript で行うこともできますが、css で行う方がはるかに簡単です。追加するだけです：

.gallery img {
     opacity:0.5;
     transition: all 0.25s ease;
}

.gallery img:hover {
    opacity:1;
}
于 2013-10-10T21:40:11.747 に答える
2

最初にを使用してクラスを指定する必要があり.ます。引用符内のその後はすべて子要素になります。

$(".gallery img").hover(function(){
于 2013-10-10T21:39:36.883 に答える
0

この行を変更します。

$("gallery", Image).hover(function(){

これに：

$(".gallery img").hover(function(){
于 2013-10-10T21:40:51.570 に答える
0

デモを見る

jQuery

$(document).on({

    mouseenter: function () {

        $(".gallery img").stop().animate({ opacity: 1.0 }, 800);  

    },
    mouseleave: function () {

        $(".gallery img").stop().animate({ opacity: 0.5 }, 800);  
    }
}, "#gal");

HTML

<table id="gal" class="gallery">
    <tr>
       <td>                
          <img src="img">
      </td>
   </tr>
</table>

CSS

.gallery img {

    opacity: 0.5;
}
于 2013-10-10T21:49:59.603 に答える