HighLab

jquery アニメーション

  • 公開日:
  • 更新日:
  • 文字数:667文字
$('要素').css({'プロパティ':'値','プロパティ':'値'});

永遠ループ

$(function(){
    setInterval(function(){
      $("#scroll").css('display', 'block');
      $("#scroll").animate({
          'top': '-46px',
      })
      $("#scroll").animate({
          'top': '46px',
      })
      $("#scroll").css('display', 'none');
    },4000);
});

アニメーション後実行

  $('.sample').stop().animate({
    width:'200px',
    height:'200px'
  }, 200, 'easeInBack', function(){
    $(this).addClass('change');
  });

  $('.sample').stop().animate({
    width:'200px',
    height:'200px'
  },{
    duration:200,
    easing:'easeInBack',
    complete:function(){
      $(this).addClass('change');
    }
  });