如何实现这种菜单

请问如何实现如图这种菜单模式

感谢各位大佬的支持，这个需求我们会在后续版本规划中讨论~
要是有大佬自己实现了这个功能，可以给咱们格友分享分享，会有金币奖励呦

dystar001 发表于 2021-8-23 10:24
例子请见附件，
活字格上的任何控件，都能用这个方式，关键是你要能找到页面上相应元素的dom，
我用的方 ...

感谢大佬分享 经过大佬们拨丝抽茧 方案已经已经呼之欲出了  希望官方最终产品化就更赞了

dystar001 发表于 2021-8-22 13:47
您好，目前垂直方向的菜单布局是不支持鼠标悬浮主菜单展示子菜单的，目前论坛大佬提供的方法也都是鼠标悬 ...

大佬，意思懂了，能不能做个demo供后面的依葫芦画瓢，谢谢了！

dystar001 发表于 2021-8-22 13:47
您好，目前垂直方向的菜单布局是不支持鼠标悬浮主菜单展示子菜单的，目前论坛大佬提供的方法也都是鼠标悬 ...

感谢分享，记号一下 ，学习之

这个需求超多用户反馈了https://gcdn.grapecity.com.cn/fo ... ad&tid=97931&extra=
但官方目前只实现了水平方向布局的菜单，我也发了相关需求贴：

【新提醒】【7.0.4】鼠标悬停显示子菜单栏 - 活字格专区 - 产品需求 - 葡萄城产品技术社区 (grapecity.com.cn)
大家顶起来，希望官方重视。

Lay.Li 发表于 2021-8-16 16:36
感谢楼上大佬们的支持~
您好，目前垂直方向的菜单布局是不支持鼠标悬浮主菜单展示子菜单的，目前论坛大佬 ...

您好，目前垂直方向的菜单布局是不支持鼠标悬浮主菜单展示子菜单的，目前论坛大佬提供的方法也都是鼠标悬浮展示整个菜单栏，您可以问问周围的前端大佬看看他们有什么好的方法。
--------------------------------------

老兄，您是官方技术人员啊，这类问题请不要回答的那么死，这样会让很多人质疑活字格的能力！
您应该回答的是，设计器里面，暂时不支持鼠标悬浮主菜单展示子菜单的，但是可以通过一些代码来解决的。因为活字格没有做不到，只有想不到！

通过代码，完全是可以实现在菜单上鼠标移入移出的事件的！
只要知道所选菜单的dom，就好了。


打开页面，打开开发者工具，Elements，选到所选的菜单，右键，Copy JS path, 就会得到：
document.querySelector("#r0c0p > ul > li:nth-child(1)")

这里就是页面菜单上你的选择项目，然后，你懂的。。。

强力建议把这个功能官方标准化， 谢谢！

这么高难度的操作，只出一个金币，是不是太少了？这个题目至少值10000个金币了。
先明确的的告诉您，在活字格里面，鼠标移到菜单上，是可以有事件！

但是要实现您这个菜单效果，并不是解决鼠标移动的问题就好了，请先解决鼠标点击能能实现的效果。这样就解决了2/3的问题了。
关键您要考虑好，鼠标点击不同一级菜单的时候，二级菜单要怎么变化？同时二级菜单怎么消失?

哪位大佬有鼠标moveON事件的例程呀 求观摩

cfanlane 发表于 2021-8-18 08:37
哪得写个鼠标moveON事件了

感谢大佬的支持哈~