fadeln()方法類似于顯示和隱藏方法中的toggle()方法，可以便捷的顯示淡入以及淡出，在后面添加函數(shù)可以為它進(jìn)行一些動態(tài)的變動。下面看代碼演示：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>淡入以及淡出</title>
<script src="./jquery-3.3.1.min.js"></script>
<style type="text/css">
img{
display: none;
}
</style>
</head>
<body>
<p><img src="pic/2.jpg" id="pic"/></p>
<input type="button" value="淡入" id="btn" />
<script type="text/javascript">
$("#btn").click(function(){
if($(this).val()=="淡入"){
$("#pic").fadeIn("slow",function(){
$(this).css({
"border":"1px solid #ccc","padding":"5px"
});
})
$(this).val("淡出");
}else{
$("#pic").fadeOut("slow");
$(this).val("淡入");
}
});
</script>
</body>
</html>
在這里是利用fadeIn中添加函數(shù)，來進(jìn)行按鈕的動態(tài)變動,使頁面更加的完整好看。
一點(diǎn)小小的經(jīng)驗希望可以幫助你。
