淡入淡出效果In和Out怎么理解？
? ? <body>
? ? ? ? <h3>使用fadeIn()與fadeOut()方法實現(xiàn)元素淡入淡出的效果</h3>
? ? ? ? <div>
? ? ? ? ? ? <h4>我喜歡吃的水果</h4>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? ? ? <li>甘桔</li>
? ? ? ? ? ? ? ? <li>梨</li>
? ? ? ? ? ? </ul>
? ? ? ? ? ? <input id="hidval" type="hidden" value="0"/>
? ? ? ? </div>
? ? ? ??
? ? ? ? <script type="text/javascript">
? ? ? ? ? ? $(function () {
? ? ? ? ? ? ? ? $("h4").bind("click", function () {
? ? ? ? ? ? ? ? ? ? if ($("#hidval").val() == 0) {
? ? ? ? ? ? ? ? ? ? ? ? $("ul").fadeOut(2000,function() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").val(1);
? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? } else {
? ? ? ? ? ? ? ? ? ? ? ? $("ul").fadeIn(2000,function() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").val(0);
? ? ? ? ? ? ? ? ? ? ? ? })
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? })
? ? ? ? ? ? });
這是我的代碼，我的理解是input id="hidval" type="hidden" value="0"這段代碼表示剛開始是隱藏的。所以這里
? ? if ($("#hidval").val() == 0) {
? ? ? ? ? ? ? ? ? ? ? ? $("ul").fadeOut(2000,function() {
? ? ? ? ? ? ? ? ? ? ? ? ? ? $("#hidval").val(1);
我用OUT把隱藏的元素淡出。然后value值變?yōu)?.
第二段是顯示之后用IN淡入回去隱藏。但是我看其它人的代碼都是先In后Out。是不是我理解的有問題？
2016-04-13
input id="hidval" type="hidden" value="0這不是隱藏和顯示代碼的，下面的fadeOut才是隱藏，那個input里的value值設的是為下面好判斷
2016-04-25
fadeIn是顯示圖片，fadeOut是隱藏圖片
2016-04-19
in是消失 out是顯示
2016-04-13
最好先in，因為value值為0首先會被觸發(fā)判斷，如果你要先out就要觸發(fā)兩次才能看見效果