[JQuery] 如何讓網頁元素擁有淡入淡出特效

實際用法:

$("#images1").fadeIn(1000);//淡入
$("#images1").fadeOut(1000);//淡出

標準格式:

淡入:$(ID).fadeIn([持續時間(毫秒)]);

淡出:$(ID).fadeOut([持續時間(毫秒)]);

線上範例:



<button class="btn btn-default btn-lg btn-block" onclick='TClick()'>點我點我</button>
<img id="images1" src="https://cdn.tedliou.com/wp-content/uploads/2016/12/logo-1.png" />
<script>
var count = 0;
function TClick(){
    jQuery(document).ready(function($){
        if(count == 1){
            $('#images1').fadeIn(1000);
            count -= 1;
        }else{
            $('#images1').fadeOut(1000);
            count += 1;
        }
    })
}
</script>