如何让，鼠标移到图片的热点区时弹出相关的1－3级字菜单？

cmoonc 2009-02-24 05:07:25

目的：一张图片有多个热点区，当鼠标移到某热点区时可以在旁边出现菜单（不同热点区的菜单内容是不同的）最多有3级子菜单，鼠标移开菜单后菜单隐藏。

本人水平有限请高手直接给出可实现的代码，不甚感激Orz！！！！！！！！！

...全文

153 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

money8899 2009-02-26

打赏
举报

回复

不明白

「已注销」 2009-02-26

打赏
举报

回复

多级级联菜单怎么搞，我想这个讨论得已经够多了，我就不多说了。
对于前一点，图片的热点区域实现，我推荐采用CSS图像映射的方法来做，具体的CSS代码太长，我就不赘述了，你Google一下吧。

浴火_凤凰 2009-02-26

打赏
举报

回复

不会，帮顶！！！

导读：当网页中需要实现鼠标移到某张图片，会有其他文字/图片替换当前图片的效果时，很多人会使用jQuery的效果，其实用css3就可以实现，而且很简单，下面列一下代码：主要用到的是position定位和transform: translate3d转换、transition过渡效果。当网页中需要实现鼠标移到某张图片，会有其他文字/图片替换当前图片的效果时，很多人会使用jQuery的效果，其实用css3...

onmouseover和onmouseout事件和各种position定位的练习, 效果是鼠标指示一级菜单显示二级菜单, 指示二级菜单的选项出现相应三级菜单效果图: 一级菜单: 鼠标停留时的二级菜: 三级: 有一个小技巧效果就是二级菜单出现时 , 一级菜单的右边框消失,和二级菜单连起来 , 其实是二级菜单的大div下加了一个白块div, 调整pos...

情景描述假设我们希望导航栏上有一个元素（以下简称“菜单标题”），把鼠标移到标题上面时其下方会弹出一列菜单，鼠标离开时菜带又隐藏起来。然而，当试图把鼠标从菜单标题移到菜单内容中时，菜单竟然也隐藏了。我的菜单内容（平时隐藏的那一部分）是由一个 <ul> 充当的。 html <html> <head> <title>test1</titl...

vuecss垂直侧边栏，vue竖向菜单示例代码，cssvue实现垂直分类菜单，vue实现css竖向菜单分类并且鼠标移入后显示二级菜单详细示例源码，vue实现鼠标移过出现下拉二级菜单功能，用Vue怎么实现鼠标滑过一级导航,显示二级菜单，vue鼠标移入父级菜单显示二级菜单，CSS鼠标移入悬停后右侧显示二级菜单，vuecss输入移入分类菜单后右侧显示二级菜单，vuecss竖向菜单分类,鼠标移入右侧显示更多分类，vue点击左侧菜单右侧显示内容，vue实现左侧导航，鼠标点击或移入时显示右侧多级菜

就是简简单单的一个小功能，鼠标移入侧边栏的一级菜单后，相对应的二级菜单显示。

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章