中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

這篇教程我要給大家講的是，axure rp7.0中window函數的應用，window函數包含了幾個函數，有興趣的可以去看axure7.0教程（八）元件函數、窗口函數、鼠標函數和數字函數的介紹。

今天，我們先講一下window函數屬性之一ScrollY（縱向滾動）的使用方法。那么，結合scrollY我們來嘗試實現Html5網站中，右側錨記的效果。不清楚的可以去找一些Html5的網站看一下。用語言來描述就是在網站的右側幾個圓點，每當向下滾動一頁，相對應的圓點顏色會變深，點擊其中任意一個圓點時，會滾動到頁面相應的部分。

本教程示例原型下載：axure7.0教程_小樓作品（十二）HTML5多級錨記.rp

好了，我們開始準備元件，來實現這個效果！

1、? 右側的錨記圓點我們準備4個，分別代表第一、二、三、四頁；

2、? 左側拖入5個文本面板，分別放在每一頁的起始位置，這里設置每頁高度600px，也就是說頁面一的文本面板坐標0,0，頁面二的文本面板坐標0,600，頁面三的文本面板坐標0,1200，頁面四的文本面板坐標0,1800，最后一個文本面板作為頁面底部，坐標0,2400；

3、? 把每一個元件都設置好標簽，以便添加事件時易于查找。

只需要這些元件我們就能夠實現效果了。

下面開始說實現思路：

1、? 每一頁圓點顏色變深，可以用動態面板多狀態切換來實現，我們先把四個圓點全部選中，然后轉換成動態面板。之后，我們再給動態面板多添加3個空狀態，不要用復制；

2、? 然后我們打開狀態1，分別給每個圓點添加點擊事件，由上到下進行分別添加2個事件：

?

事件一、點擊時切換到指定狀態，第一個設置為切換動態面板到狀態1，第二個設置為動態面板切換到狀態2，依此類推

事件二、點擊時滾動到部件，第一個設置為滾動到第一頁的文本面板，第二個設置為滾動到第二頁的文本面板，依此類推。

3、? 全部設置完后，我們全選四個圓點復制，然后粘貼到其他的三個狀態里，并在粘貼完后，依次在每個狀態里改變相應圓點的顏色，至此動態面板設置完畢。

4、? 在頁面交互（編輯器底部）事件中，有一個窗口滾動時的事件，在里面我們分別添加滾動到每一也時動態面板的狀態切換：

用例1：滾動小于600時（第一頁，[[window.scrolly]]<600），切換動態面板為狀態1；

用例2：滾動大于600并且小于1200時（第二頁，[[window.scrolly]]>600 and [[window.scrolly]]<1200），切換動態面板為狀態2；

用例3：滾動大于1200并且小于1800時（第三頁，[[window.scrolly]]>1200 and [[window.scrolly]]<1800），切換動態面板為狀態3；

用例4：滾動大于1800時（第四頁，[[window.scrolly]]>1800），切換動態面板為狀態4。

5、把動態面板固定到瀏覽器，這里我們讓它在右下角。

全部完成后，下面就是見證奇跡的時刻！你做對了嗎？

作者：小樓