返回顶部特效代码(返回顶部特效代码怎么弄)

  

  以下几小教程使用的是Axure的动态面板来实现,内容简单,适合菜鸟查阅,老鸟可飘过,顺便帮忙点个赞哈/偷笑。

  一.伸缩/隐藏导航栏

  例如:鼠标移动到一级导航上,二级导航会下拉方式显示

  

  1.打开Axure,拖动一个矩形元件,设置宽830、高49;

  2.输入所需要的一级导航名称,使用文本标签元件,字体大小20;

  3.对需要做二级导航的标签处下方,设置5个左右的矩形框元件,矩形框内写上二级导航名称;

  4.5个矩形框全选,右键设置“转换为动态面板”,此时5个矩形已合为一个元件,并设置好该元件的Name:tab;

返回顶部特效代码(返回顶部特效代码怎么弄),返回顶部特效代码(返回顶部特效代码怎么弄),返回顶部特效代码,第1张

  5.对需要下拉的标签,设置交互方式【鼠标移动时→选择显示动作→选择tab→更多选项(弹出效果)】

  

  

  二.遮罩效果弹窗

  例如:常见交互方式,点击登录或注册,弹出登录或注册窗口,背景页面显灰色

  

  1.布局好所需的元件,样式可自定;

  2.弹窗外框和内容,右键设置“转换为动态面板”,并且样式处设置为隐藏,设置一个Name:add;

  3.注册设置交互方式【鼠标点击时→选择显示动作→选择add→更多选项(灯箱效果)→背景色设置为灰色】

  

  三.返回顶部设计

  例如:鼠标点击箭头,网页自动往上返回第一屏页面

  

  1.先搭建一个建议的页面,页面尽量往下延伸,方便测试,在页面底端放一个矩形变形后的箭头,并把箭头右键设置“转换为动态面板”。

  2..箭头右键设置为“固定到浏览器”,弹出设置界面,固定到浏览器窗口→水平固定为右→边距设置为100→垂直固定底部→边距10;

  2.将页面顶部元件设置一个Name,把它的Y坐标设置为“0”;

  3.箭头设置鼠标点击交互,添加动作为滚动到元件<锚链接>,选择顶部元件,仅垂直滚动,动画为线性。

  

  

1、本网站名称:源码村资源网
2、本站永久网址:https://www.yuanmacun.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
源码村资源网 » 返回顶部特效代码(返回顶部特效代码怎么弄)

1 评论

您需要 登录账户 后才能发表评论

发表评论

欢迎 访客 发表评论