? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?Axure的動(dòng)態(tài)效果(1)
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?banner效果
? ? ? ? 在瀏覽網(wǎng)頁(yè)網(wǎng)頁(yè)時(shí)滥玷,我們經(jīng)臣亚看到精美的輪播圖還有動(dòng)態(tài)效果,但是在網(wǎng)頁(yè)中這種動(dòng)態(tài)交互事件大多是用JS實(shí)現(xiàn)的糙申,那我們?cè)贏xure中也可以實(shí)現(xiàn)這種動(dòng)態(tài)效果。
? ? ? ? 1.打開Axure畦幢,在左邊元件庫(kù)里面將--動(dòng)態(tài)面板拖出來竟痰。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
? ? ? ? ? ? ? ?2 . 單擊動(dòng)態(tài)面板,在右上角樣式那里將面板的坐標(biāo)喻粹,以及尺寸設(shè)計(jì)成你所需要的大小。 (這里為了方便我將它設(shè)為300X180)
? ? ? ? ? ? ? ? ? 3.雙擊動(dòng)態(tài)面板较曼,出現(xiàn)他的面板狀態(tài)管理磷斧,+號(hào)為增加子面板數(shù)量振愿,按需求添加你的子面板捷犹,為了方便辨識(shí),建議將每個(gè)面板命名冕末。
? ? ? ? ? ? ? ? ? 4.在每個(gè)子面板里面放上你所想放的一個(gè)圖片萍歉,尺寸和動(dòng)態(tài)面板大小一樣。
? ? ? ? ? ? ? ? ? ? 5 .回到主頁(yè)面档桃,點(diǎn)擊空白位置枪孩,右側(cè)屬性里面選擇----頁(yè)面載入時(shí)
? ? ? ? ? ? ? ? ?6.選擇元件----設(shè)置面板狀態(tài)---√選你點(diǎn)的動(dòng)態(tài)面板----選擇狀態(tài)----next---向后循環(huán)√選(循環(huán)時(shí)間自己可以測(cè)試) 動(dòng)畫效果選擇(因?yàn)閳D片從右邊進(jìn)來,反之) 所以向左滑動(dòng)藻肄,時(shí)間自己可以測(cè)試蔑舞。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?7 .設(shè)置完成后,請(qǐng)按F5測(cè)試你的輪播圖吧
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (比較懶所以下次更新更多內(nèi)容的banner)