在學(xué)習(xí)Axure做一些網(wǎng)頁的交互時候实撒，往往會遇到很多的問題，在為一個模塊做交互的時候钉疫，我發(fā)現(xiàn)先要為實(shí)現(xiàn)這個交互理一個思路硼讽，如何實(shí)現(xiàn)這一交互的思路，作為一個前端新人來說牲阁，只要能實(shí)現(xiàn)的效果我已經(jīng)非常滿足了固阁。
一壤躲、為不同顏色的花換不同的花瓶
首先，我們先為實(shí)現(xiàn)這一效果理一個思緒：
1.先給這一效果進(jìn)行布局备燃，將白色的花不同的花瓶和紅色的花不同的花瓶分別設(shè)置一個動態(tài)面板如圖（1.1
2.放入倆個矩形分別為玫瑰花碉克、茉莉花，在它的旁邊再給一個矩形選擇它的形狀（如圖1.2）并齐，在對話框矩形中放入倆個矩形填充顏色用相同的方法給它們標(biāo)注漏麦，這里要給玫瑰花矩形一個移入事件如圖（1.3）
這里為移出移入時顯示和隱藏顏色框，在為每種不同的花瓶給一個矩形將照片給入如圖（1.4）况褪，為它設(shè)置一個移入移出事件（1.5）撕贞，
這種不同的花換瓶子的原理，大致就是將4張圖片兩兩顯示隱藏测垛，這樣就可以達(dá)到選擇什么顏色進(jìn)行換花瓶捏膨！
二、如何達(dá)到選中后下方的位置條跟著一起動
這一效果一般是在一些新聞類的網(wǎng)站食侮，一些動態(tài)新聞的使用号涯。大致效果是我鼠標(biāo)左右移動，下方的矩形條跟著一起一起移動疙描，并且矩形出現(xiàn)被選中狀態(tài)诚隙。
1.首先布局讶隐，我們使用3個相同的矩形緊密排列起胰，設(shè)置它們的選中狀態(tài)。同時給他們移入事件巫延，移除事件
在這里我們要給它一個移動的絕對位置效五，就是你選中的當(dāng)前元件的x軸，和y軸加上當(dāng)前原件的位置離移動的長條的位置炉峰，就可以實(shí)現(xiàn)鼠標(biāo)到哪兒長條到哪兒畏妖。
