javascript - 当有人将光标移到图像上时如何创建弹出框？

Question

当有人将光标移动到图像上时，我想显示一个带有一些链接和信息的可移动弹出框。我正在使用引导程序 3。

这是一个例子.... http://99designs.com/logo-design/contests/logo-design-naming-contest-25538/entries#contest-breadcrumbs

在此示例中，当有人将光标移到图像上时，会出现一个弹出框。

我想创造这样的东西。

                                .............Sohag

score 0 · Accepted Answer

尝试这个

HTML

<a href="https://www.google.com/images/srpr/logo11w.png" class="fancybox" rel="gallery"><img src="https://www.google.com/images/srpr/logo11w.png"></a>

JavaScript

$("a.fancybox").fancybox({
 'showCloseButton': false
 }).hover(function() {
  $(this).click();
  $(".fancybox-overlay").mouseout(function() {
    $.fancybox.close();
  });
});

演示