如何在任何div悬停时打开弹出的iframe灯箱

Question

有没有办法在任何div悬停时打开弹出的iframe灯箱。 如果你们中的任何人都知道这样的例子，你可以在这里发布链接

谢谢

Answer 1

使用colorbox，一个jquery Lightbox替代品。很简单，您可以使用锚元素：

<a class="youtube cboxElement" href="http://www.youtube.com/embed/VOJyrQa_WR4?rel=0&amp;wmode=transparent">Flash / Video (Iframe/Direct Link To YouTube)</a>

检查Demos

如果你希望弹出窗口显示在悬停状态，我认为你必须自己定制它，方法是向hoverable元素添加一个事件监听器：

$('#hoverableElement').hover( 
      function(){
           $('#hoverableElement').colorbox();
      } , 
      function(){
           $.colorbox.close();
      }  
);

您要触发弹出窗口的元素将具有ID“hoverableElement”。