colorbox怎么实现鼠标移入移出效果?

sexants 发布于 2011/08/10 17:22
阅读 835
收藏 0

我想用colorbox实现鼠标移上去时,弹出窗口,移出时弹出窗口关闭,

添加一个链接

<a  href="../content/ohoopee3.jpg"><img id="test" src="../content/ohoopee2.jpg" width="100" height="130" border="0" onMouseOut="hide()"></a>

移入效果已实现,在ready函数里添加

    $("#test").mouseover(function(){
      $("#test").colorbox().trigger('click');
   });

移出效果我使用onMouseOut="hide()"

js为function hide(){
       $("#cboxClose").trigger('click');
      }

当鼠标放上去时,移入事件触发,紧接着就触发移出事件,换成

    $("#test").mouseout(function(){
       $("#cboxClose").trigger('click');
   });

也一样。

请教下大侠们,这个移出效果怎么实现?

加载中
0
小编辑
小编辑

你这是 tooltip ,而 ColorBox 是弹出对话框不适合鼠标移入移出,看看这里:

http://www.oschina.net/project/tag/282/jquery-tooltips

返回顶部
顶部