需載入 jquery-ui.js , jquery.js

 

/*------------------------------------------*/

 

$('#DermotYang').fadeTo(秒數,透明度);

 

 

頁面切換時可使用 FadeTo 這功能讓畫面淡入淡出,

 

 

$('#DermotYang').animate({CSS設定}, 秒數);

 

 

頁面切換時也可以使用 animate 這功能讓畫面做放大縮小,

 

之後再進行頁面切換.

 

/*------------------------------------------*/

 

setTimeout(

   function(){

       $('#DermotYang').fadeTo(秒數, 透明度);

},延遲時間);

 

 

setTimeout是可以進行delay讓動作延遲,

 

用在頁面切換時,

 

就可以在切換頁面前的delay時間,

 

多做許多不同的動作囉 !!

 

/*------------------------------------------*/

 

 

document.getElementById("videoID").addEventListener('ended',執行動作,布林值);

 

 

JavaScript是一次性讀過的,

 

就是讀過執行過不再回頭,

 

而要追蹤事件的狀態來做動畫或改變,

 

就要使用 addEventListener,

 

這裡是追蹤 video 的播放情況,

 

在 ended 的情況下執行某些 function(Jquery與一般判斷常有些許差異),

 

最後一項常填上 false,

 

與 capture 和執行順序有關通常為 false.

 

 

/*------------------------------------------*/

 

(PS.需載入 jquery-ui.js , jquery.js)

 

 

 

 

 

 

 

 

arrow
arrow
    創作者介紹
    創作者 小竹 的頭像
    小竹

    小竹的部落格

    小竹 發表在 痞客邦 留言(0) 人氣()