1

こんにちは皆さん、私はこの単純な jquery アニメーションを持っています

    $(window).load(function() {

        //Top Header Logo Expand
$("#logo-expand").mouseenter(function() {
    $(this).animate({
        width: "170px"
    }, 300 );
});

$("#logo-expand").mouseleave(function() {
    $(this).animate({
        width: "56px"
    }, 300 );
});

    });

電話の解像度でアニメーションを無効にしたいのですが、jquery メディア クエリを使用してどうすればよいですか?

これが私のhttp://jsfiddle.net/MyKnB/5/ です

前もって感謝します

4

3 に答える 3

0

可能かどうかわからないのでメディアクエリを使用していませんが、これが JSFiddleに役立つことを願っています

効果的にウィンドウサイズをチェックし、アニメーションを実行するかどうか

$("#logo-expand").mouseenter(function() {
  if($(window).width() > 100){  
    $(this).animate({
        width: "170px"
    }, 300 );
  } else {
    $(this).css({'width':"170px"});                               
  }
});

$("#logo-expand").mouseleave(function() {
if($(window).width() > 100){ 
    $(this).animate({
              width: "56px"
        }, 300 );
    } else {
       $(this).css({'width':"56px"});                               
    }
});
于 2013-07-17T16:12:09.607 に答える