墨刀怎样实现点击按钮跳转页面效果

墨刀怎样实现点击按钮跳转页面的效果呢?今天就教给大家方法 。

墨刀怎样实现点击按钮跳转页面效果

文章插图

step1: 首先打开360搜索,搜【墨刀】,点击官网进入 。
墨刀怎样实现点击按钮跳转页面效果

文章插图

step2: 点击上方的【下载】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step3: 选择你的版本进行下载 。
墨刀怎样实现点击按钮跳转页面效果

文章插图

step4: 下载后打开墨刀 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step5: 点击【+新建】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step6: 点击【原型工具】,这是页面的工具 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step7: 选择你想要创建的类型,点击【确定】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step8: 点击左侧的【+】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step9: 点击一个按钮 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step10: 放在页面里,点击按钮 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step11: 点击左下角元素中按钮的闪电图标 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step12: 点击右上方的【添加事件】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step13: 点击红框中的按钮 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step14: 选择【跳转页面】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step15: 点击红框中的按钮 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step16: 这里用跳转至页面2举例,点击【页面2】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step17: 如图所示,这样就是按下按钮,跳转至页面2.
墨刀怎样实现点击按钮跳转页面效果

文章插图
step18: 点击红框中的三角开始运行 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step19: 点击【按钮】 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
step20: 如图所示,这样就跳转至页面2了 。
墨刀怎样实现点击按钮跳转页面效果

文章插图
【墨刀怎样实现点击按钮跳转页面效果】

    推荐阅读