0

マウスイベントが発生するたびに、マウスが存在する場合を除いてid、他の画像が必要な画像スライド用のコードをいくつか開発しました。div

私のコードは次のとおりです。

$('#div1,#div2,#div3,#div4,#div5,#div6').mouseover(function () {
    $('#div1,#div2,#div3,#div4,#div5,#div6').css('width', '100px')
    $("." + $(this).data('class')).animate({                   
        'width':"400px",                   
    }, {
        'duration':1500,
        easing:'easeOutBack',
    })
});
4

3 に答える 3

1

ID ではなくクラスを使用するように変更することをお勧めします。それはあなたのコードをよりきれいにするでしょう。

この効果を持たせたいすべての要素にクラスを与え、animated代わりにこのコードを試してください。

$('.animated').mouseover(function () {
  $(this).removeClass('animated');
  $('.animated').css('width', '100px')
  $(this)
    .addClass('animated')
    .animate({                   
      'width':"400px",                   
    }, 1500);
});

これが実際の動作を示す例です。あなたのコードがあなたが望むことをするとは思いませんが。

于 2013-02-05T09:56:06.253 に答える
0

.not一致した要素のセットから div にカーソルを合わせたものを削除するために使用します。

$('#div1,#div2,#div3,#div4,#div5,#div6').mouseover(function () {
    $('#div1,#div2,#div3,#div4,#div5,#div6').not(this).css('width', '100px')
    $("." + $(this).data('class')).animate({                   
                    'width':"400px",                   
                }, {
                    'duration':1500,
                    easing:'easeOutBack',
                })
    });

ちなみに、この状況ではクラスセレクターを使用する方がクリーンです。

于 2013-02-05T09:55:18.843 に答える
0 
$( function() {
$("[id^=div]").mouseover( function() {
  var my = $(this).attr("id");
  var id = new Array;
  $("[id^=div]").each( function() {
    if($(this).attr("id") != my) {
       id.push($(this).attr("id"));
    }
  });
});
});

実用的なフィドルまたはデモンストレーション

各物件にアクセスできます。

すべての ID を取得し、すべての ID を array に追加しましたid。関数でさらにアクセスできます。

于 2013-02-05T09:59:02.873 に答える