类似 google chrome 网站截图的缩略图效果
谁能告诉我如何制作具有悬停效果的缩略图，例如谷歌浏览器选项卡网站缩略图，例如，当您悬停网站屏幕截图图像时，会出现一个带有图钉的蓝色框，您可以移动。
谢谢
Could anyone show me how to make a thumbnail with hover effect like google chrome tab website thumbnail e.g. when you hover the website screenshot image, a blue box will appear with pin and you can move.
THank you
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
可以使用 jQuery 的 hover 事件来提供高亮效果，调用
setTimeout< /code> 稍后将顶部栏向上滑动一点，并在悬停中的超时时间上调用clearTimeout。您可以使用 jQuery UI 来允许拖动；请参阅此处。
You can use jQuery's hover event to provide the highlight effect, call
setTimeoutinside of it to slide up the top bar a little bit later, and callclearTimeouton that timeout in the unhover.You can use jQuery UI to allow dragging; see here.
我不知道有任何现有代码可以开箱即用地执行此操作，但您可以使用 JQuery UI sortable 来拖放此演示中的框元素（包括图像）列表：
http://jqueryui.com/demos/sortable/#display-grid
I don't know of any existing code that will do this out of the box but you can use JQuery UI sortable to drag/drop a list of box elements (including images) per this demo:
http://jqueryui.com/demos/sortable/#display-grid