上次介紹了動(dòng)態(tài)面板的圖片輪播功能，這次根據(jù)本人實(shí)際工作中碰到應(yīng)用介紹下動(dòng)態(tài)面板的其他應(yīng)用。如下：
1.多個(gè)頁簽的切換效果
2.固定內(nèi)容到瀏覽器的特殊位置。
同樣，先看下效果
好，下面就說明下怎么制作
多個(gè)頁簽的切換效果
1. 首先在區(qū)域內(nèi)增加動(dòng)態(tài)面板，雙擊進(jìn)入，定義三個(gè)狀態(tài)的為，基礎(chǔ)資料、商品條碼、操作記錄。
分別雙擊3個(gè)狀態(tài)進(jìn)入之后，單獨(dú)編輯每個(gè)狀態(tài)的頁面效果。
2. 添加每個(gè)頁面的頁簽，用來標(biāo)識(shí)當(dāng)前頁簽的業(yè)務(wù)信息和操作交互的操作區(qū)域。
如下，新增3個(gè)按鈕，并命名各自名稱
3.調(diào)整好按鈕的背景色和字體顏色。同時(shí)選擇3個(gè)按鈕，右鍵選擇交互樣式，調(diào)整選中時(shí)的填充顏色。
4. 設(shè)置動(dòng)態(tài)面板初始的狀態(tài)， 意思就是進(jìn)入到動(dòng)態(tài)肩膀之后首先展示的內(nèi)容。 添加載入時(shí)事件，設(shè)置面板狀態(tài)為基礎(chǔ)資料。設(shè)置選中狀態(tài)，初次進(jìn)入時(shí)基礎(chǔ)資料按鈕為選中狀態(tài)。?
5. 設(shè)置3個(gè)按鈕的單擊事件，用來切換面板。添加單擊事件，設(shè)置面板狀態(tài)，依次設(shè)置3個(gè)按鈕對(duì)應(yīng)的面板。?
設(shè)置面板狀態(tài)改變是事件，當(dāng)面板的狀態(tài)為基礎(chǔ)資料時(shí)，設(shè)置基礎(chǔ)按鈕為選中狀態(tài)，同理設(shè)置其他兩個(gè)面板狀態(tài)時(shí)對(duì)應(yīng)的按鈕選中狀態(tài)。?
OK, 多個(gè)頁簽的功能介紹完成， 下面介紹固定瀏覽器的功能。
固定元素到瀏覽器特定位置
動(dòng)態(tài)面板提供了一個(gè)功能，把元素固定到瀏覽器的固定位置。 多用在系統(tǒng)或者網(wǎng)頁的頂部或者左側(cè)區(qū)域。?
1. 首先設(shè)置元素為動(dòng)態(tài)面板， 選中之后郵件直接轉(zhuǎn)換成動(dòng)態(tài)面板，
2. 然后選擇動(dòng)態(tài)面板設(shè)置固定到瀏覽器
