如何用Mockplus做鼠标悬停时菜单下拉的效果

2024-10-11 21:31:38

1、第一步:用矩形做一个菜单。打开Mockplus,从界面左侧的组件库中拖出一个矩形,将其复制成多个。其中一个作为菜单的显示区域(图中蓝色矩形),另外几个拼接起来作为菜单的内容。在右侧参数面板中,将第一个矩形设置为不可见。然后将另外几个矩形合并为组。

如何用Mockplus做鼠标悬停时菜单下拉的效果

3、第三步:利用状态交互,实现鼠标悬停时菜单下拉的效果。在界面右侧的参数面板上,将透明度设置为0,并点击“透明度”前的小闪电。选择“鼠标经过时”,透明度设置为100。

如何用Mockplus做鼠标悬停时菜单下拉的效果
猜你喜欢