立即注册，下载精品资源
您需要 登录 才可以下载或查看，没有账号？立即注册
x
今天给大家分享一个axure案例，锚点滚动效果，看到名字，大家可能觉得有些陌生，相信这个效果大家并不陌生，在许多html5的网站都有用到，下面直接上示例原型下载地址。 下载地址http://pan.baidu.com/s/1o6kjpxS 实现目标点击导航条不同的菜单，页面跳到菜单相应的位置，实现页面自动滚动。 实现步骤1. 拖入编辑区3个矩形，并相应命名为菜单1，菜单2 ，菜单3，每个矩形都单击右键—转换—转换为动态面板； 
2.双击其中一个动态面板设置标签为“菜单1”（可随便命名），点击+号，添加状态，并将其命名为nomal,click,hover分别表示正常，点击，鼠标移动的状态，其他的菜单动态面板相应的编辑； 
3.拖入编辑区4个矩形，并相应命名为菜单1，菜单2 ，菜单3代表所在板块，在用一个大矩形包含，代表整个页面内容，大矩形单击右键—转换—转换为动态面板； 
4.双击动态面板设置标签为“页面”（可随便命名），状态命名改为正常；将动态面板“页面”再转成动态面板“内容”； 
5.单击动态面板“内容”，设置属性中的滚动栏改为按需显示纵向滚动条，样式的高度改成300； 
6.设置三个菜单不同状态的样式，包括：nomal,click,hover，以菜单1为例； 
7.设置菜单时间，单击时，鼠标移入，鼠标移出； 菜单1鼠标单击时： 
菜单1鼠标移入时： 
菜单1鼠标移出时： 
菜单2，菜单3与菜单1一样，但是鼠标单击时还需要加上页面上移的动作，上移多少根据菜单2板块的高度定，比如例子中就是上移300，而且选择绝对位置: 
效果出来了：
 你的效果出来了吗？好啦，今天的分享结束了。谢谢大家！ ------------------------------------------------------------ 
来自：人人都是产品经理团队@小涵 原创 http://www.woshipm.com/rp/158297.html
| 
