关于on mouse enter&out

amasy517 · 发表于 2010-8-31 10:44:39

我用on mouse enter显示一个panel，再接着用on mouse out隐藏这个panel，为什么生成的原型当鼠标移动上去之后，图片一直闪呀闪的，不能稳定显示？我的鼠标也没挪动地方啊？
另，是否可以做出用键盘控制的效果来？比如说手机九宫格那样的？按键盘左右箭头，可以控制当前选中不同的宫格？怎么做？

尹广磊 · 发表于 2010-8-31 11:08:46

On mouse out 事件不要设置在那个图标上。

初始图标——>On mouse enter——>变化后的图标——>On mouse out——>变回初始图标

通过设置一个左右按键，可以设置让面板进入不同的状态。

-------------------------------------
像你这种图标变大一下的效果，最适合用图片组件的轮换效果来实现。
导入轮换图片后，演示时，鼠标进入即放大，鼠标移出即变回。

2010-8-31 11-46-53.gif

amasy517 · 发表于 2010-8-31 13:44:38

我用了轮换效果但是第二幅图标不能放大还是同第一幅图标大小相同啊~~ 另外我也试过在放大后的图片上on mouse out，但会出现一个问题，就是放大后的图片挡住了旁边的小图片，这样退出鼠标移出大图片区域后，还需要再回来才能移入旁边的小图片区域，不能连续~我想做的是手机宫格那种效果~~是否可以通过一个屏幕四向导航键控制当前选中的小图片，选中后放大该图片？

cqggff · 发表于 2010-9-1 17:25:02

在最顶层加个image map

我修改的你的例子

去掉小图标的onmouseout，把小图标的动作移到对应的image map上