沧海一砾12  好向圈贡献者 | |阅读模式
"\u003Cblockquote\u003E\u003Cp\u003E明天我们来分享一个阅读网页时经常会碰到的一个操纵,“回到顶部”。有了这个操纵,阅读网页时就很是方便了,出格是商城类的网站,这个操纵是必不成少的了,一路来看看~\u003C\u002Fp\u003E\u003C\u002Fblockquote\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F1535508359177f2a9360f73\" img_width=\"800\" img_height=\"450\" alt=\"Axure:若何快速“回到顶部”?\" inline=\"0\"\u003E\u003Cp\u003E这个原型一共用到两个页面:“首页”和“内容页面”。\u003C\u002Fp\u003E\u003Cp\u003E\u003Ch2\u003E\u003Cstrong\u003E第一步:首页组件\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Col\u003E \u003Cli\u003E一个矩形框,尺寸1024×120,作为网页头部,可放置logo和题目(尺寸巨细不要求,自己喜好就好);\u003C\u002Fli\u003E\u003Cli\u003E一个内联框架,尺寸1024×520,作为网页主体(宽度与网页头部分歧,高度不要求)。\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F153550836030654c439005c\" img_width=\"1920\" img_height=\"1041\" alt=\"Axure:若何快速“回到顶部”?\" inline=\"0\"\u003E\u003Cp\u003E\u003Ch2\u003E\u003Cstrong\u003E第二步:内容页面组件\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Col\u003E \u003Cli\u003E可以放置一些灰色方框,代表网页内容,要有错开放置,显现的时辰有回到顶部的结果便可以了(留意:放置的内容总高度要大于内联框架的高度);\u003C\u002Fli\u003E\u003Cli\u003E一条水平线放置在y轴为0的位置,命名为“顶部”;\u003C\u002Fli\u003E\u003Cli\u003E一个50×50的静态面板放置在右下角,命名为“回到顶部”,静态面板state面板状态中,放置一个50×50的箭头,设备图标色彩为浅灰色(icons 图标中可找到)。\u003C\u002Fli\u003E\u003C\u002Fol\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F153550835797207258073d2\" img_width=\"1915\" img_height=\"954\" alt=\"Axure:若何快速“回到顶部”?\" inline=\"0\"\u003E\u003Cp\u003E\u003Ch2\u003E\u003Cstrong\u003E第三步:为内联框架增加链接属性,设备内联框架链接到“页面内容”\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E双击内联框架勾选链接页面,并肯定。\u003C\u002Fp\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F1535508359036d0e7c96c22\" img_width=\"1915\" img_height=\"825\" alt=\"Axure:若何快速“回到顶部”?\" inline=\"0\"\u003E\u003Cp\u003E\u003Ch2\u003E\u003Cstrong\u003E第四步:为“回到顶部”设备牢固到阅读器\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E右键“回到顶部”设备牢固到阅读器,水平牢固位置右侧距15,垂直牢固位置下边距15,始终连结顶部。\u003C\u002Fp\u003E\u003Cimg src=\"http:\u002F\u002Fp9.pstatp.com\u002Flarge\u002Fpgc-image\u002F153550836129503c46b784f\" img_width=\"1590\" img_height=\"876\" alt=\"Axure:若何快速“回到顶部”?\" inline=\"0\"\u003E\u003Cp\u003E\u003Ch2\u003E\u003Cstrong\u003E最初一步:为“回到顶部”增加鼠标点击时用例\u003C\u002Fstrong\u003E\u003C\u002Fh2\u003E\u003C\u002Fp\u003E\u003Cp\u003E设备为垂直转动到“顶部”,线性,500毫秒。\u003C\u002Fp\u003E\u003Cimg src=\"http:\u002F\u002Fp1.pstatp.com\u002Flarge\u002Fpgc-image\u002F1535508362779cfdf3d8fe7\" img_width=\"1914\" img_height=\"980\" alt=\"Axure:若何快速“回到顶部”?\" inline=\"0\"\u003E\u003Cp\u003E好啦,具有火箭速度的回到顶部已经完成了,快去预览看看结果吧!!\u003C\u002Fp\u003E\u003Cp\u003E可以先瞧瞧完成的结果https:\u002F\u002Fk7ig8o.axshare.com\u003C\u002Fp\u003E\u003Cp\u003E本文由 @方剂 原创公布于大家都是产物司理。未经答应,制止转载\u003C\u002Fp\u003E\u003Cp\u003E题图来自 Pixabay,基于 CC0 协议\u003C\u002Fp\u003E"


上一篇:干1个月 = 种3年地,5个冷门却很赢利的职业,只要农民能干
下一篇:若何零本钱,快速赚到人生的第一个10万!
温馨提示:
下载好向圈客户端可以随时随地交流学习经验,也可以和圈友发起聊天成为好友
好向圈www.kuaixunai.com是各行业经验分享的社区平台,请提供优质的经验内容分享,低质量广告内容硬广包含手机号码,微信,QQ或者二维码等形式存在可能会审核不通过,广告内容请发布在广告专区 要想被各大搜索引擎尽快收录请做好内容伪原创工作,才会有更好的推广效果,伪原创工具请百度搜索奶盘伪原创或者5118伪原创
回复
分享到 :
0 人收藏

1 个回复

倒序浏览
好项目  金牌创友 | 2019-7-17 06:32:33
[赞][赞][赞]
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

泰帮动力旗下产品好向圈_同全世界分享交流经验---侵权投诉或者商务合作邮箱1623331347@qq.com 网站地图2 |网站地图

返回顶部