Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 谷歌chrome网站截图的缩略图效果_Jquery_Css_User Interface_Effect - Fatal编程技术网

Jquery 谷歌chrome网站截图的缩略图效果

Jquery 谷歌chrome网站截图的缩略图效果,jquery,css,user-interface,effect,Jquery,Css,User Interface,Effect,有谁能告诉我如何制作一个像google chrome tab网站缩略图那样具有悬停效果的缩略图吗?例如,当你悬停网站截图图像时,会出现一个带有pin的蓝色框,你可以移动 谢谢您可以使用jQuery的事件来提供突出显示效果,在其内部调用设置超时以稍后向上滑动顶部栏,并在取消覆盖的超时上调用清除超时 可以使用jQuery UI进行拖动;请参阅。我不知道有任何现有代码可以直接执行此操作,但您可以使用JQuery UI sortable在此演示中拖放框元素列表(包括图像): 你能说清楚一点吗?我不明白你

有谁能告诉我如何制作一个像google chrome tab网站缩略图那样具有悬停效果的缩略图吗?例如,当你悬停网站截图图像时,会出现一个带有pin的蓝色框,你可以移动

谢谢

您可以使用jQuery的事件来提供突出显示效果,在其内部调用
设置超时
以稍后向上滑动顶部栏,并在取消覆盖的超时上调用
清除超时


可以使用jQuery UI进行拖动;请参阅。

我不知道有任何现有代码可以直接执行此操作,但您可以使用JQuery UI sortable在此演示中拖放框元素列表(包括图像):


你能说清楚一点吗?我不明白你的问题…好吧,我想我明白了。我不能编辑OPs,所以这里有一个翻译:在Google Chrome浏览器中,当你打开一个新标签时,你会看到你访问量最大的网站的缩略图列表。当您将鼠标悬停在其中一个上方时,缩略图上方会显示一个动画,其中包含一个“pin”和一个“x”,可以将站点固定到此列表中,也可以将其删除。popoxinhxan想知道的是,你将如何在你的网站上复制它。此外,他希望能够移动缩略图。jchapa,你是对的,你的解释更好