1. 程式人生 > >axure--輪播圖

axure--輪播圖

1、使用動態面板的迴圈實現圖片輪播的要點:
1)當滑鼠移出動態面板的範圍時才顯示左右兩邊的方向按鈕,否則該兩個按鈕都是隱藏的。則思路如下:
且四個條件之間是“or”的關係,不是“and”
[[Cursor.x]]<[[this.left]] 即滑鼠的x座標小於動態面板的左邊 【越往左越小】
[[Cursor.x]]>[[this.right]] 即滑鼠的x座標大於動態面板的右邊
[[Cursor.y]]<[[this.top]] 即滑鼠的y座標小於動態面板的上邊
[[Cursor.y]]>[[this.bottom]] 即滑鼠的y座標大於動態面板的下邊【越往下越大,y軸向下為正數,向上為負數】

以上的做法還是不能使滑鼠移出時就馬上找到動態面板的各個邊界值,因為移出面板邊界是一瞬間的事,也就是那一瞬間才觸發滑鼠
移出的事件,但是還沒來得及記錄資料,記錄的都是之前在面板內部的資料。

解決辦法:假設滑鼠的移動範圍比動態面板原本的範圍小一圈的時候就認為滑鼠已經移出的動態面板。

[[Cursor.x]]<[[this.left+15]]
[[Cursor.x]]>[[this.right-15]]
[[Cursor.y]]<[[this.top+15]]
[[Cursor.y]]>[[this.bottom-15]]