2个回答
展开全部
1.数据封装成
[ {
id:'',
name:'',
submenu[
{id:'',name:'',link:''}
]
},
{...}
]
这种形式,submenu存的就是每个菜单的子菜单
2.对一级菜单加上mouseover 事件监听
(1) 在监听事件中获取当前菜单的位置
(2)将子菜单的列在一个div上,并将div显示一级菜单的右侧(需要自己计算相对位置)
(3) 子菜单的div添加鼠标移开事件,鼠标移开时子菜单隐藏
这就是这种菜单的一种实现方式,至于代码,还是你自己尝试着去写吧
3.如果嫌麻烦,网上也应该能找到类似的效果的源代码,直接用
[ {
id:'',
name:'',
submenu[
{id:'',name:'',link:''}
]
},
{...}
]
这种形式,submenu存的就是每个菜单的子菜单
2.对一级菜单加上mouseover 事件监听
(1) 在监听事件中获取当前菜单的位置
(2)将子菜单的列在一个div上,并将div显示一级菜单的右侧(需要自己计算相对位置)
(3) 子菜单的div添加鼠标移开事件,鼠标移开时子菜单隐藏
这就是这种菜单的一种实现方式,至于代码,还是你自己尝试着去写吧
3.如果嫌麻烦,网上也应该能找到类似的效果的源代码,直接用
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询