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