像谷歌浏览器网站截图的缩略图效果

Question

有没有人可以告诉我如何制作具有悬停效果的缩略图，例如谷歌浏览器标签网站缩略图，例如当您将鼠标悬停在网站截图图片上时，会出现一个带有图钉的蓝色框，您可以移动。

感谢你

Answer 1

您可以使用jQuery的hover事件来提供突出显示效果，在其中调用setTimeout以稍后向上滑动顶部栏，并在该超时时调用clearTimeout拯救者。

您可以使用jQuery UI来允许拖动;见here。

Answer 2

我不知道任何现有的代码可以直接执行此操作，但您可以使用JQuery UI进行排序，按照此演示拖放框元素列表（包括图像）：

http://jqueryui.com/demos/sortable/#display-grid