免费人成动漫在线播放r18-免费人成观看在线网-免费人成黄页在线观看日本-免费人成激情视频在线观看冫-jlzzjlzz亚洲大全-jlzzjlzz亚洲日本

二維碼
企資網

掃一掃關注

當前位置: 首頁 » 企資頭條 » 專題 » 正文

Axure9.0基礎教程_Web端為什么片點擊全屏

放大字體  縮小字體 發布日期:2021-12-15 13:52:21    作者:江燎堞    瀏覽次數:30
導讀

感謝導語:Web端主頁加入大量支持當下十分常見,如何利用Axure制作Web端支持感謝閱讀全屏化及鼠標懸停擴大得效果?本篇文章里,感謝分享總結了一份Axure操作教程,一起來看一下吧。目前越來越多得web端主頁會在簡介

感謝導語:Web端主頁加入大量支持當下十分常見,如何利用Axure制作Web端支持感謝閱讀全屏化及鼠標懸停擴大得效果?本篇文章里,感謝分享總結了一份Axure操作教程,一起來看一下吧。

目前越來越多得web端主頁會在簡介中加入大量得支持,這些支持有些可以全屏查看,有些鼠標移入可使其擴大,給人一種可浮動得感覺。下面我們使用Axure 9.0制作一下上述效果。

一、效果預覽

感謝閱讀支持全屏效果——預覽:

鼠標懸停擴大支持——預覽:

二、感謝閱讀支持全屏化1. 添加內聯框架

Axure新建頁面,在基本元件中選擇【內聯框架】,拖拽進頁面,感謝閱讀【樣式】,勾選隱藏邊框。

2. 添加支持元件和底部控件

按照下圖步驟即可,底部控件不是重點,我會把他放在Axhub上供大家下載;支持大小可根據頁面大小自行定義長款比例。

3. 為中繼器導入支持+布局

導入支持:鼠標感謝原創者分享感謝閱讀,導入本地支持,我在這里是導入了6張支持。

在樣式中,設置支持之間間距,以及將布局改為水平,網格排布,每行項數量3。

4. 制作感謝閱讀之后得大圖

如下圖步驟:

這個時候不用感謝對創作者的支持大圖尺寸,后續我們會通過交互將大圖尺寸改變得。

5. 添加交互

中繼器小支持添加交互:我為大圖設置得是全屏化,按照網頁大小設置得,在制作過程中也可以自由調整。

大圖添加交互:該交互添加在動態面板上。

三、鼠標懸停擴大支持1. 添加支持

選擇支持元件,添加到頁面中,調整支持大小,導入本地支持。

2. 轉換為動態面板

將支持元件轉換為動態面板,在動態面板樣式中取消勾選自適應內容

3. 設置交互

進入動態面板中,為支持設置交互動作。

鼠標移入時,獲取當前支持寬高,將支持寬高擴大1.1倍,錨點居中,動畫設為線性300毫秒;鼠標移出時,獲取當前支持寬高,將支持寬高縮小1.1倍,錨點居中,動畫設為線性300毫秒。4. 復制

復制上述已設置好得支持動態面板,自行布局即可。

四、補充知識

窗口函數使用

Windows.width:獲取瀏覽器得當前寬度。Windows.height:獲取瀏覽器得當前高度。Windows.scrollX:獲取瀏覽器得水平滾動距離。Windows.scrollY:獲取瀏覽器得垂直滾動距離。

感謝由 等小青 來自互聯網發布于人人都是產品經理,未經許可,禁止感謝

題圖來自 Unsplash,基于 CC0 協議

 
(文/江燎堞)
打賞
免責聲明
本文為江燎堞推薦作品?作者: 江燎堞。歡迎轉載,轉載請注明原文出處:http://www.bangpiao.com.cn/news/show-242777.html 。本文僅代表作者個人觀點,本站未對其內容進行核實,請讀者僅做參考,如若文中涉及有違公德、觸犯法律的內容,一經發現,立即刪除,作者需自行承擔相應責任。涉及到版權或其他問題,請及時聯系我們郵件:weilaitui@qq.com。
 

Copyright ? 2016 - 2023 - 企資網 48903.COM All Rights Reserved 粵公網安備 44030702000589號

粵ICP備16078936號

微信

關注
微信

微信二維碼

WAP二維碼

客服

聯系
客服

聯系客服:

在線QQ: 303377504

客服電話: 020-82301567

E_mail郵箱: weilaitui@qq.com

微信公眾號: weishitui

客服001 客服002 客服003

工作時間:

周一至周五: 09:00 - 18:00

反饋

用戶
反饋

主站蜘蛛池模板: free性中国hd露脸 | 久久精品免观看国产成人 | 日韩精品无码一区二区三区 | 看全色黄大色黄大片 视 | 三级伦理在线播放 | 欧美成a人片在线观看久 | 男女边摸边吃奶边做视频在线 | 欧美日韩国产专区 | 午夜视频在线免费看 | jizzzz亚洲丰满xxxxⅹ | 国产盗摄精品一区二区 | a级精品九九九大片免费看 a级精品国产片在线观看 | 黄网视频在线观看 | 男女真实有遮挡xx00动态图 | 国产亚洲欧洲国产综合一区 | 日本免费v片一二三区 | 国产欧美二区三区 | 免费特黄级夫费生活片 | 亚洲成在人天堂一区二区 | 亚洲午夜精品aaa级久久久久 | 高清一区二区 | 7mav视频| 日韩高清欧美 | 日韩资源站 | 国产成人一区在线播放 | 成人高清在线视频 | 美女涩涩网站 | 欧美午夜剧场 | 欧美成人午夜不卡在线视频 | 欧美太黄太色视频在线观看 | 久久99网| se欧美 | 伦理片在线观看网站资源 | 三级伦理片高清在线观看播放 | 黄色激情视频在线观看 | 最新三级网站 | 日韩免费在线观看视频 | 五月综合激情久久婷婷 | 免费一看一级毛片 | 亚洲欧美精品伊人久久 | 亚洲国产综合精品 |