a亚洲精品_精品国产91乱码一区二区三区_亚洲精品在线免费观看视频_欧美日韩亚洲国产综合_久久久久久久久久久成人_在线区

首頁 > 應(yīng)用 > 網(wǎng)頁應(yīng)用 > 正文

Axure怎么制作頂部吸附交互效果的網(wǎng)頁原型?

2024-07-15 01:58:43
字體:
供稿:網(wǎng)友

我們在日常瀏覽網(wǎng)頁的時(shí)候,會發(fā)現(xiàn)上面的導(dǎo)航欄一直保持不動,而下面的內(nèi)容會隨著滾動條的拖動而滑動,這個(gè)效果就是所謂的頂部吸附的效果,該怎么使用axure制作這個(gè)交互效果呢?下面我們就來看看詳細(xì)的教程。

軟件名稱:原型設(shè)計(jì)工具Axure RP Pro 8.1特別版 中文漢化特別版(附漢化包+注冊碼+安裝教程)軟件大小:90.5MB更新時(shí)間:2018-05-24

1、首先新建一個(gè)空白頁面,在工作區(qū)域拖入本次要使用的元件元素,幾個(gè)矩形和幾個(gè)動態(tài)面板就可以了,如下圖所示。

2、然后我們對元件元素的樣式進(jìn)行調(diào)整,并對里面的描述文字進(jìn)行編寫,如下圖所示。

3、這一步需要對兩個(gè)動態(tài)面板的名稱進(jìn)行設(shè)置,一個(gè)是上面的信息展示,一個(gè)是下面的導(dǎo)航信息,如下圖所示。命名沒有要求,想叫什么都可以。

4、打開動態(tài)面板,將兩個(gè)矩形復(fù)制到動態(tài)面板中,如下圖所示。

5、下面一步需要將兩個(gè)動態(tài)面板的固定到瀏覽器這一項(xiàng)進(jìn)行設(shè)置,水平要固定到居中位置,垂直要在上,如下圖所示。

6、元件相關(guān)樣式及屬性設(shè)置完成后,開始對交互事件進(jìn)行設(shè)置,這里需要給頁面加入交互事件,首先是第一個(gè)判斷條件,使用函數(shù)判斷窗口距離,如下圖所示。

7、然后設(shè)置第一個(gè)動態(tài)面板移動的絕對位置,如下圖所示。

8、然后設(shè)置第二動態(tài)面板隱藏,如下圖所示。

9、同上的方式,做第二個(gè)判斷條件,并對兩個(gè)動態(tài)面板的交互進(jìn)行設(shè)置,如下圖所示。

10、最后一步,因?yàn)槭谴翱跐L動的效果,所以需要再拖入一個(gè)矩形,并將矩形拉長一些,這樣瀏覽的時(shí)候窗口就有滾動條了,如下圖所示。

11、好了,工作準(zhǔn)備完成,f5預(yù)覽一下效果,試著滾動鼠標(biāo),這些信息欄會消失,導(dǎo)航欄會吸附到最上面。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 99精品欧美一区二区三区 | 色综合一区 | 中文字幕日本一区 | 日韩一区二区在线免费观看 | 国内在线一区 | 中文字幕日韩在线视频 | 欧美成人一区二区三区 | 一级黄色录像免费观看 | 黄色片av | 黄色网免费看 | 免费精品 | 亚洲免费人成在线视频观看 | 欧美资源在线 | 九九热免费精品视频 | 91视频免费看网站 | 国产乱码一二三区精品 | 国产精品亚洲视频 | 久久精品中文字幕一区 | 婷婷激情综合 | 天堂网av2020| 美女黄网| 国产乱码精品一区二区三区手机版 | 永久精品 | 日韩av成人 | 在线欧美成人 | 在线播放一区二区三区 | 精品久久在线 | 国产伦理精品一区二区三区观看体验 | 亚洲男人av | 高清久久 | 免费看h| 国产精品国产三级国产aⅴ无密码 | 欧洲亚洲视频 | 亚洲精彩视频在线观看 | 国产一级黄色大片 | 欧美一级特黄aaaaaaa视频片 | 国产黄色av| 欧美日韩福利 | 精品欧美一区二区三区久久久 | 99热在线精品免费 | 国产高清网站 |