實現(xiàn)目標：
1、 點擊按鈕彈出帶遮罩層的對話框；
2、 頁面上下左右滾動時，彈出的對話框水平和垂直始終居中。
實現(xiàn)步驟如下：
1、 拖入編輯區(qū)2個矩形，并點右鍵—轉(zhuǎn)換—轉(zhuǎn)換為動態(tài)面板；
2、 雙擊其中一個動態(tài)面板設置標簽為“遮罩層”（看個人喜好隨便命名），并雙擊狀態(tài)1進入編輯；
3、 點擊狀態(tài)1里面的矩形，設置大小與網(wǎng)站頁面大小相同，以便完全遮蓋；然后，設置矩形邊框為“無”；最后設置填充色的透明度為50%（看個人喜好），并選擇填充色為灰色（看個人喜好）；
4、 關閉狀態(tài)1編輯頁面，選擇另外一個動態(tài)面板，按照第2步命名并進入編輯；
5、 設置里面的矩形為合適大小，并拖入一個按鈕（或者矩形/文本面板）作為關閉按鈕；設置按鈕onclick事件為隱藏遮罩層和當前編輯的這個動態(tài)面板；
6、 關閉當前的編輯頁面，再次選擇作為對話框的這個面板—右鍵—編輯選項—固定到瀏覽器…；
7、勾選固定到瀏覽器窗口，水平和垂直都選擇居中，并勾選“保持在前面”；
8、 拖入一個按鈕（或者矩形/文本面板）到編輯區(qū)，雙擊輸入文字“登錄”；然后點右鍵—順序—置于底層；設置按鈕onclick事件為顯示遮罩層和對話框這兩個動態(tài)面板；
9、 按著ctrl選擇兩個動態(tài)面板（或者挨個設置），點右鍵—編輯選項—設為隱藏。
10、 好了，生成原型就能看到效果了。
擴展：固定到瀏覽器選項可以讓動態(tài)面板無論頁面怎么滾動，總是停留在一個位置，那么網(wǎng)站兩側(cè)的對聯(lián)廣告，或者浮在頁面上的一些按鈕、圖片等，都能用這種方式來實現(xiàn)。
聯(lián)系客服
