axure怎么制作鼠標懸停原圖與縮略圖切換效果?
axure中想要設(shè)計原圖與縮略圖切換效果高保真效果,該怎么設(shè)置這個效果呢?下面我們就來看看詳細的教程。
1、打開axure工具

2、從左側(cè)控件庫中找到占位符拖入工作區(qū)(此例是以占位符代替圖片),調(diào)整大小,此大小為縮略圖大小


3、右側(cè)找到屬性中的找到鼠標移入時事件并雙擊,在彈出的窗體中左側(cè)找到“設(shè)置尺寸”,右側(cè)勾選“占位符”,右下側(cè)對寬高值進行設(shè)置。設(shè)置的值要比縮略圖的值大。錨點根據(jù)實際情況選擇。


4、確定后完成設(shè)置。此時鼠標移入時會變大,但不能變回原大小

5、此時,再在事件中找到鼠標移出時事件,進行相應(yīng)設(shè)置,即鼠標移出時,讓期變成原來大小。


6、確定后完成設(shè)計,按F5可以在瀏覽器中查看。


以上就是axure制作鼠標懸停原圖與縮略圖切換效果的教程,希望大家喜歡,請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦:
axure怎么實現(xiàn)多張圖片同區(qū)域左右滑動顯示效果?
相關(guān)文章

Axure RP 8.1企業(yè)版漢化破解安裝授權(quán)圖文詳細教程(附注冊授權(quán)碼)
Axure RP 8.1是一款功能非常強大的專業(yè)原型設(shè)計工具,那么,Axure RP 8.1怎么安裝?以及Axure RP 8.1如何漢化破解呢?對此,本文就為大家?guī)砹薃xure RP 8.1企業(yè)版漢化破解2018-06-12
Axure怎么繪制流程圖?Axure中想要畫一個流程圖,該怎么畫流程圖呢?下面我們就來看看Axure畫流程圖的教程,需要的朋友可以參考下2018-05-30
Axure流程圖怎么添加連接線?Axure中繪制的流程圖需要添加連接線,該怎么添加呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-05-24
AxureRP怎么制作草圖/頁面效果? Axure頁面草圖設(shè)置方法
AxureRP怎么制作草圖/頁面效果?Axure中想要制作一個頁面效果,該怎么制作呢?下面我們就來看看Axure頁面草圖設(shè)置方法,需要的朋友可以參考下2018-05-07
axure怎么使用Icons圖標組件設(shè)計UI?axure中自帶了很多圖標組件,該怎么直接調(diào)用這些組件圖標設(shè)計ui呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-03-27
Axure RP 8怎么設(shè)計有漂亮圖標的樹狀菜單?
Axure RP 8怎么設(shè)計有漂亮圖標的樹狀菜單?Axure中設(shè)計的樹狀菜單為了更美觀,想要添加漂亮的圖標,該怎么添加呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-03-19
Axure RP 8怎么設(shè)置點擊事件改變圖片?Axure RP 8中想要實現(xiàn)鼠標在不同狀態(tài)顯示不同的圖片,該怎么實現(xiàn)呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-01-23
Axure RP 8怎么畫簡單的心形圖案?Axure RP 8中自帶了很多圖案,想要繪制心形圖案,該怎么繪制呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-01-22
Axure RP 8怎么模擬手機界面顯示應(yīng)用圖標的效果?
Axure RP 8怎么模擬手機界面顯示應(yīng)用圖標的效果?Axure RP 8中想要設(shè)計一個手機屏幕顯示應(yīng)用圖標的效果,該怎么繪制這種界面呢?下面我們就來看看詳細的教程,需要的朋友可2018-01-17
Axure RP 8怎么使用按鈕控制圖片的顯示或隱藏?Axure中想要制作單擊按鈕觸發(fā)圖片顯示出來的效果,該怎么制作呢?下面我們就來看看詳細的教程,需要的朋友可以參考下2018-01-15












