如何在鼠标悬停时在某些XY坐标上缩放图像？

Question

我显示一组图像（小）。当鼠标悬停事件发生在图像上时，我需要在某些XY坐标处显示较大的图像（300 * 300），同时mousout较大的图像必须消失。请给出一些解决方案。

Answer 1

你实际上想要一个image map。由于我从未使用过这个，我无法从头顶讲述细节，但链接应该会对你有所帮助。例如，您可以使用HTML <map> and <area> elements，或继续使用pure CSS方法。

没有可以代表<map>和<area>元素的标准JSF组件。然而，Sun JSF教程（巧合）涵盖了custom component example，您可以使用纯JSF来表示它们。