這是利用透明度

假設現在要做淡入,也就是從沒有到有

有一個標籤

<div id="myFadeIn"   style="display: none;">
      我是淡入
</div>

<script type="text/javascript">
          function GoFadeIn() {

               //參數有fast和slow兩種
              $('#myFadeIn').fadeIn('slow', function() {
                  // 淡入動畫完成後會進來這
              });

          }
</script>

然後只要呼叫GoFadeIn()這個函式你就會看到"我是淡入"這四個字從沒有慢慢的出現

 

接著做淡出,也就是從有到沒有

有一個標籤

<div id="myFadeOut"  >
      我是淡出
</div>

<script type="text/javascript">
          function GoFadeOut() {

               //參數有fast和slow兩種
              $('#myFadeOut').fadeOut('slow', function() {
                  // 淡出動畫完成後會進來這
              });

          }
</script>

然後只要呼叫GoFadeOut()這個函式你就會看到"我是淡出"這四個字從有慢慢的變不見

welkingunther 發表在 痞客邦 PIXNET 留言(0) 人氣()