Axure教程 | Banner的輪播
大家好,我是產品小白,各種學習中。最近需求做一個滾動的banner,看了很多大師的介紹及講解,自己整合摸索了下面一個比較簡單的方法,如果有不對的,歡迎大家砸磚,相互學習。
首先,你先確定你有多少個banner需要輪播,在動態面板里就添加幾個狀態。如圖:
然后設置動態面板狀態,設置“next”滾動,細節按你自己需要設置,包括動畫、時間等。如圖:
隨后有一步不要忘了,設置這個動態面板,鼠標移入時,停止輪播,移出,繼續往后輪播。這么設置的用意是:用戶看到感興趣的banner后,會將鼠標移入或點擊進入專題頁。因此設置這一步,也會方便后面一步。如圖:
是不是覺得還少了點什么?對,類似于這種,點擊直接跳到該banner的操作。
添加對應數量的矩形或圓圈,設置鼠標點擊下,對應banner動態面板的各個狀態,如圖,
這里我只放了一個,其他按照你們自己需要的數量,要一一對應一個狀態,如此,一個輪播banner就可以了,還可以手動。
因為是第一次寫,這里要感謝賬戶名叫“張昊”的大師,是他的一句評論點播了我,多謝多謝!
寫得不好,歡迎大家拍磚,相互交流,謝謝!
#輪播Banner的討論#
本文由 @慢調騎士?原創發布于人人都是產品經理?,未經許可,禁止轉載。
評論
?? 確實,這種東西就不要發了,算是基礎操作級別的,弄點有難度或有創意的吧。
載入中切換banner,那么點擊圈圈后,它改怎么繼續切換呢?
這是我看的第四個發這個教程的了。。真的很簡單,有必要發教程嗎
不是教程,只是跟大家交流
樓主qq號碼多少呀?同是產品新人可以一起交流學習嗎?
害,誰還不是從不會到會的呢,分享出來有啥不好呢