jQuery fadeInとfadeOutフェードインとフェードアウトする方法
jQuery fadeInフェードインする方法
フェードインの英語の意味は次第に明るくなる、次第にはっきりするです。
fadeInメソッドはフェードインするメソッドです。
サンプル
$(“img”).fadeIn()
サンプル
<html>
<head>
<script src=”jquery-3.2.1.js”></script>
<script>
$(document).ready(function(){
$(“img”).css(“display”,”none”)
$(“img”).fadeIn()
});
</script>
<title>
</title>
</head>
<body>
<div>
<img src=”leaf.jpg” width=”480″ height=”640″ alt=”葉っぱ”>
</div>
</body>
</html>
フェイドインしてますね。
jQuery fadeOutフェードアウトする方法
フェードアウトの英語の意味は次第に消えていく、次第に暗くなるです。
fadeOutメソッドはフェードアウトするメソッドです。
サンプル
$(“セレクタ”).fadeOut()
サンプル
<html>
<head>
<script src=”jquery-3.2.1.js”></script>
<script>
$(document).ready(function(){
$(“img”).fadeOut()
});
</script>
<title>
</title>
</head>
<body>
<div>
<img src=”leaf.jpg” width=”480″ height=”640″ alt=”葉っぱ”>
</div>
</body>
</html>
