梯形的区域,Y轴还和其他区域有交集,询问如何各自触发鼠标滑过和点击的时间
如题
其实就是一堆简单的按钮,却做成了X轴Y轴都相交的形状,导致不知道如何去做
最次的方法,是只有当鼠标移动或者点击不相交的区域,才可以触发事件 但还是想询问下 有没有好的办法
如图所示: 
三个按钮, 当鼠标滑过按钮1的时候 按钮1变色,并且变大(图中没有展示出来,就是变大一点点的一个效果).
点击时去往指定页面.
求教如何做
可以用jquery框架(其他框架不熟悉)
[解决办法]
发现可以使用热点来做。。变大你需要多做几张图片，切换下图片，位置定位好
<img src="http://img.bbs.csdn.net/upload/201401/02/1388643807_947015.jpg" border="0" usemap="#Map"/>
<map name="Map" id="Map">
<area shape="poly" coords="48,120,359,118,447,237,102,241,79,188" href="#" onmousemove="alert('按钮2')" />
<area shape="poly" coords="386,26,805,29,723,174,464,175" href="#" onmousemove="alert('按钮1')" />
</map>
