第二節
不知你用過本站的留言薄沒有,當你寫完留言按確定時,馬上彈出來一個感謝訊息框,是不是覺得很體貼?那就是我今天講的主題—Popup Message(彈出訊息框)
一.認識Popup Mesage編輯視窗
在DW編輯框中按F8調出Behaviors面板,點選選Popup Message立刻出現以下視窗:
這是不是太簡單了無需太多言語介紹,在空白處填入你要提示的訊息填完按OK!
二.Popup Message的常見應用(也就是範例)
在講範例之前我先講幾個要用到的事件(Events):
OnClik 網頁中的指定物件被點擊時,該事件觸發。注意:滑鼠的左健,右健都可以。
OnDblClick 網頁中的指定物件被雙擊時,事件觸發,同樣滑鼠左右健都有效。
OnCopy 複製網頁中的物件時該事件觸發。
OnBeforCut 對網頁物件剪切之前,該事件觸發。
OnBeforCopy 對網頁物件複製之前,此事件觸發。
本動作(Actions)的第一個範例:點選一個物件彈出訊息框。例如點擊圖片,按鈕,連結等等,都可以彈出訊息框,下面我講講點擊按鈕彈出訊息框,搞定這一個其它的就如法炮製。以下是步驟:
1.用滑鼠點擊按鈕對象,例如你的提交按鈕或重寫按鈕。
2.按F8(或Window/Behaviors)調出Behaviors面板,點選選Popup Message。
3.在Popup Message編輯框的空白處填入你要發佈的訊息,點擊Ok。
4.在Behaviors面板的顯示區,選擇Popup Message動作並點選左邊的一個小三角形,選擇Onclick事件,完成。
5.囉嗦一步,這個Onclick事件可以換成OnDblClick事件或其它的事件。
如果某些頁面的內容在別人複製之前想給一點提示,你可以選擇OnCopy事件來觸發Popup Message動作,這是本動作的第二範例,很簡單實現這個效果,你只需把上個範例的事件改為OnCopy即可。我想強調一點,這個特效是在瀏覽其中用滑鼠選取一些物件後,點擊右健的「複製」命令時才被觸發(訊息框彈出兩次),用鍵盤的Ctrl+C命令不能觸發此事件。如此看來這個事件被觸發的機會就比較少了,用OnBeforCopy事件或OnBeforeCopy事件就可以當你點擊滑鼠右健時在出現右健選單之前,就可以觸發動作。