免费人成动漫在线播放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

反饋

用戶
反饋

主站蜘蛛池模板: 免费高清a级毛片在线播放 免费高清欧美一区二区视频 | 国产高清在线免费视频 | 香蕉吧 | 日韩欧美综合在线 | 免费吃奶摸下激烈视频青青网 | 新午夜影院 | 日本3p视频在线看高清 | 欧美成人精品一区二三区在线观看 | 成年福利片120秒体验区 | 青草免费视频 | 黄色免费看看 | 毛片在线视频在线播放 | 一级毛片人与动免费观看 | 99精品视频3 | 欧美一级一一特黄 | 日本香蕉视频在线观看 | 涩涩动漫网站入口 | 国产精品久久久久天天影视 | 久草视频在线资源站 | 91涩涩视频 | 特级毛片a级毛免费播放 | 国产视频97| 国产在线视频你懂得 | 乱色美www女麻豆 | 瑟瑟网站免费网站入口 | 五月婷婷在线观看视频 | 天天做天天爱夜夜爽毛片毛片 | 天天射天天干天天舔 | 中文日韩欧美 | 亚洲成人18 | 午夜国产精品久久影院 | 一级做a爰视频免费观看2019 | 一道本高清香蕉网 | 日韩免费一级毛片 | 影音先锋色图 | 成年人影院在线观看 | 在线观看av网站永久 | 波多野结衣在线免费观看视频 | 欧美高清一区二区三区欧美 | 日本成人在线播放 | 欧美日韩另类国产 |