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

反饋

用戶
反饋

主站蜘蛛池模板: 又长又深又硬又黄又猛又爽 | 毛片在线免费视频 | 国产一区二区久久精品 | 色综合天天综合网国产人 | 青青草污 | 日本一区中文字幕 | 成人免费在线视频网站 | 国产日韩欧美在线视频免费观看 | 婷婷免费高清视频在线观看 | 日韩成人av在线 | 欧洲男女啪啪免费观看 | 91久久线看在观草草青青 | 丁香综合| 笫一次爽女人免费视频 | 国产成人18黄禁网站免费观看 | 日本高清在线播放一区二区三区 | 日韩国产成人精品视频人 | 2022久久国产精品免费热麻豆 | 欧美成人精品一区二区 | 黄网站视频观看免费 | 香蕉视频免费在线观看 | 青草网在线观看 | 免费吃奶摸下激烈视频青青网 | 日韩中文字幕视频 | 中文字幕福利视频 | 中文字幕一区二区三区 精品 | 日韩欧美亚洲一区二区综合 | 最近2019中文字幕高清字幕 | 伊人久久大香线蕉综合网站 | 国产精品日产三级在线观看 | 成人福利在线播放 | 国产精品免费看久久久久 | 亚洲成人免费 | 午夜欧美精品久久久久久久久 | 4438x17全国最大色成网站 | 99色99| 日韩欧美亚洲综合 | 放一个特别黄的录像 | 一级特黄录像免费播放肥 | 欧美一区二区三区激情视频 | 亚洲一区二区三区四区在线 |