axure怎么使用動(dòng)態(tài)面板制作淘寶圖片輪播效果?
我要評(píng)論淘寶中經(jīng)?？梢钥吹降赇佒械膱D片輪播效果，本經(jīng)驗(yàn)將通過axure7.0實(shí)現(xiàn)。
Axure RP Pro(快速原型設(shè)計(jì)工具) V8.0.0.3333 綠色英文免費(fèi)版
- 類型：應(yīng)用其它
- 大?。?/span>48.2MB
- 語言：英文軟件
- 時(shí)間：2017-04-10
1、下載需要輪播的圖片
2、將圖片引入至axure中，將引入的第一張圖片轉(zhuǎn)為動(dòng)態(tài)面板
3、將動(dòng)態(tài)面板添加四個(gè)狀態(tài)，分別為狀態(tài)1，狀態(tài)2，狀態(tài)3，狀態(tài)4，每個(gè)狀態(tài)中添加上面的圖片做背景
4、我們在頁(yè)面處添加頁(yè)面載入事件，使頁(yè)面載入完成后，就開始不斷的按順序切換這個(gè)動(dòng)態(tài)面板的狀態(tài)，此時(shí)就可以看到圖片如淘寶示例那樣不斷切換；接下來我們做一點(diǎn)有意思的事
5、添加四個(gè)矩形，設(shè)置選中組，選中后背景色變?yōu)槌壬?strong>透明度設(shè)置為50%
6、對(duì)所有矩形添加事件，當(dāng)鼠標(biāo)移入時(shí)，該矩形變?yōu)檫x中狀態(tài)，圖片輪播的動(dòng)態(tài)面板狀態(tài)切換為改矩形的狀態(tài)；當(dāng)鼠標(biāo)移出是，該矩形變?yōu)槲催x中狀態(tài)，圖片繼續(xù)按順序切換這個(gè)圖片輪播動(dòng)態(tài)面板的狀態(tài)
7、運(yùn)行后，就有了類似淘寶的圖片輪播的效果，而且，鼠標(biāo)移入后右下角的矩形后，圖片可變?yōu)榫匦螌?duì)應(yīng)的圖片，移出鼠標(biāo)后，圖片繼續(xù)輪播
相關(guān)推薦：
Axure RP 8怎么制作一個(gè)旋轉(zhuǎn)的圓角圖片?
Axure RP 8設(shè)怎么用按鈕控制圖片的顯示與隱藏?
相關(guān)文章
axure怎么使用動(dòng)態(tài)面板制作轉(zhuǎn)盤抽獎(jiǎng)?
axure怎么使用動(dòng)態(tài)面板制作轉(zhuǎn)盤抽獎(jiǎng)？想要制作一個(gè)抽獎(jiǎng)轉(zhuǎn)盤，該怎么制作呢？下面我們就來看看詳細(xì)的教程，很簡(jiǎn)單，需要的朋友可以參考下2017-04-23
Axure怎么設(shè)計(jì)多層級(jí)菜單下拉聯(lián)動(dòng)效果?
Axure怎么設(shè)計(jì)多層級(jí)菜單下拉聯(lián)動(dòng)效果？Axure中想要制作一個(gè)聯(lián)動(dòng)下拉菜單，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-23
Axure 8怎么設(shè)計(jì)三級(jí)折疊菜單?
Axure 8怎么設(shè)計(jì)三級(jí)折疊菜單？Axure 8中想要設(shè)計(jì)一個(gè)三級(jí)折疊菜單，效果及時(shí)可以逐級(jí)打開，合上某一級(jí)菜單時(shí)，二級(jí)菜單和三級(jí)菜單也會(huì)合上，下面我們就來看看詳細(xì)的教程，2017-04-14
Axure RP 8設(shè)怎么用按鈕控制圓形的變換？Axure RP 8中想要利用鼠標(biāo)的單擊事件控制圓形的尺寸背景動(dòng)向等變化，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參2017-04-14
Axure RP 8設(shè)怎么控制輸入框禁用或啟用？想要設(shè)置一個(gè)輸入框的禁用或者啟用的按鈕，并實(shí)現(xiàn)相對(duì)應(yīng)的功能，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-14
Axure RP 8怎么設(shè)置控制多選列表傳值的效果?
Axure RP 8怎么設(shè)置控制多選列表傳值的效果？Axure RP 8總想通過按鈕點(diǎn)擊事件給多選列表添加值，該怎么實(shí)現(xiàn)呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-04-05
Axure元件怎么鎖定與解鎖？Axure繪制網(wǎng)頁(yè)原型的時(shí)候，想要鎖定某些元件，該怎么鎖定呢？鎖定以后又該怎么解鎖呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-03-27
Axure RP怎么設(shè)計(jì)彈出窗口的效果？Axure RP在設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候，需要制作一個(gè)彈出的窗口，該怎么設(shè)置呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-03-27
Axure怎么制作商品詳情頁(yè)產(chǎn)品圖展示效果?
Axure怎么制作商品詳情頁(yè)產(chǎn)品圖展示效果？想要使用Axure設(shè)計(jì)一個(gè)商品圖片展示效果，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-03-26
Axure怎么制作中繼器的篩選功能？Axure中設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，想要使用志及其制作一個(gè)篩選的教程，該怎么制作呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2017-03-26
