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

反饋

用戶
反饋

主站蜘蛛池模板: 日韩伦理片在线观看 | 在线日韩国产 | 美女一级毛片免费不卡视频 | 欧美国产黄色 | 亚洲激情成人网 | 国产日本欧美在线观看 | 黄色一级毛片看一级毛片 | 国产精品成人观看视频国产奇米 | 亚洲欧美18v中文字幕高清 | 26uuu最新 | 天天碰天天干 | 特级毛片ww特级毛片w免费版 | 亚洲精品v欧美精品动漫精品 | 深夜影院深a | 亚洲综合一二三区 | 一本色道久久综合狠狠躁 | 天堂在线资源网 | 色黄网站在线观看 | 国产一级特黄生活片 | www亚洲天堂 | 羞羞视频网页 | 欧美亚洲综合在线 | 欧美国产成人精品一区二区三区 | 尼龙丝袜社区aaaaa视频 | 国产成人免费影片在线观看 | 亚洲第一欧美 | 91段视频| 日批免费视频不要会员 | 一级毛片免费不卡在线 | m男亚洲一区中文字幕 | 欧美一区二区三区不卡免费观看 | 亚洲成人精品久久 | 久久99中文字幕伊人 | 免费黄色一级 | 欧美特黄一区二区三区 | 一级黄视频| 高清女女同性一区二区 | 国产制服 国产制服一区二区 | 国产在线综合视频 | 国产成人经典三级在线观看 | 欧美日韩一区二区视频免费看 |