jqueryのフェードアウト効果
3466 ワード
転載は出典を明記してください.http://blog.csdn.net/dongdong9223/article/details/50618244本文は【私は干物のブログです】から
jqueryでfadeOut()を使用してフェードアウト効果を実現し、要素を非表示にします.fadeIn()を使用してフェードイン効果を実現し、要素を表示します.
初期表示:
非表示をクリック:
クリックして表示:
フェードアウト効果は明らかで、通常の表示や非表示よりも友好的です!
jqueryでfadeOut()を使用してフェードアウト効果を実現し、要素を非表示にします.fadeIn()を使用してフェードイン効果を実現し、要素を表示します.
<html>
<head>
<script type="text/javascript" src="/test/jquery-1.12.0.js">script>
<script type="text/javascript">
$(document).ready(function(){
$(".bb1").click(function(){
$("div").fadeOut()
});
$(".bb2").click(function(){
$("div").fadeIn();
});
});
script>
head>
<body>
<div> !div>
<button class="bb1">hidebutton>
<button class="bb2">showbutton>
body>
html>
初期表示:
非表示をクリック:
クリックして表示:
フェードアウト効果は明らかで、通常の表示や非表示よりも友好的です!