.fadeTo( duration, opacity [, callback] )
引数
- (string|number)duration
- (number)opacity
- (function)callback
透明度を変更する。jQueryオブジェクトが持っているDOM要素の透明度をopacityまでdurationで指定した時間で変更する。
サンプル
実行結果
fadeTo()
Javascript
const obj = $('#sample-1 .photo');
$('#execute-1').on('click', function() {
let opacity = 0;
if (parseInt(obj.css('opacity')) === 0) {
opacity = 1;
}
obj.fadeTo('slow', opacity);
});
HTML
<div id="sample-1">
<img src="/resource/images/photos/1.jpg" alt="" class="photo">
<div>
<span class="cq-btn m-primary" id="execute-1">fadeTo()</span>
</div>
</div>
.fadeTo( duration, opacity [, easing] [, callback] )
引数
- (string)duration
- (number)opacity
- (string)easing
- (function)callback