HOME > > > > >

.fadeTo()

.fadeTo( duration, opacity [, callback] )

引数

(string|number)duration
(number)opacity
(function)callback

透明度を変更する。jQueryオブジェクトが持っているDOM要素の透明度をopacityまでdurationで指定した時間で変更する。

サンプル

実行結果

fadeTo()

Javascript

  1. const obj = $('#sample-1 .photo');
  2. $('#execute-1').on('click', function() {
  3.     let opacity = 0;
  4.     if (parseInt(obj.css('opacity')) === 0) {
  5.         opacity = 1;
  6.     }
  7.     obj.fadeTo('slow', opacity);
  8. });

HTML

  1. <div id="sample-1">
  2.     <img src="/resource/images/photos/1.jpg" alt="" class="photo">
  3.     <div>
  4.       <span class="cq-btn m-primary" id="execute-1">fadeTo()</span>
  5.     </div>
  6. </div>

.fadeTo( duration, opacity [, easing] [, callback] )

引数

(string)duration
(number)opacity
(string)easing
(function)callback