• "\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"
    温馨提示:
    请提供优质创业内容分享,低质量广告内容硬广包含手机号码,微信,QQ或者二维码等形式存在可能会审核不通过,广告内容请发布在对应专区 要想被各大搜索引擎尽快收录请做好内容伪原创工作,才会有更好的效果,伪原创工具请百度搜索奶盘伪原创或者5118伪原创
    回复
    分享到 :
    0 人收藏

    1 个回复

    倒序浏览
    好项目  好向圈高级会员 | 2019-7-17 06:32:33
    [赞][赞][赞]
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    苏ICP备16027170号-1 泰帮动力旗下产品好向圈_随时随地分享交流创业---侵权投诉或者商务合作邮箱1623331347@qq.com |网站地图

    返回顶部