锚标签和图像映射
如何将锚标记与图像映射相关联?
假设我将鼠标悬停在锚标记上,它应该选择图像上的映射区域。
像这样的http://myffi.biz/。这是在 Flash 中,但是可以使用图像映射来完成吗?您将鼠标悬停在链接上,它应该选择图像上的映射区域。
这可能吗?我希望我清楚
how can i associate an anchor tag with image maps?
Suppose, I hover over an anchor tag, it should select the mapped region on the image.
Something like this http://myffi.biz/. This is in flash, but can this be done using image maps? You hover over on the links and it should select the mapped region on the image.
Is this possible? I hope i am clear
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
是的,无需 Flash 即可完成,但您根本不需要图像映射。只要有一个悬停事件 fadeIn 地图上正确的图像,使用 jQuery 就可以轻松实现。像这样的东西可能会起作用:
在 CSS 中,您将
region-map
定义为具有未选择任何区域的背景,而region-overlay
选择了不同的区域。以及所需的 jQuery 代码:
这并不完美,但应该可以帮助您入门。
可以在以下位置找到一个工作示例:
Yes, it can be done without Flash but you don't need imagemaps at all. Just have a hover event fadeIn the correct image on the map, that's easy to do with jQuery. Something like this might work:
And in CSS, you define the
region-map
as having a background where no regions selected, andregion-overlay
has different regions selected.And the jQuery code needed:
This isn't perfect but should get you started.
A working example can be found at: