Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.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显示图像的一部分?_Jquery_Html_Jquery Animate - Fatal编程技术网

如何使用jquery显示图像的一部分?

如何使用jquery显示图像的一部分?,jquery,html,jquery-animate,Jquery,Html,Jquery Animate,我使用jQuery,我试图显示图像的一部分,在中间显示一个正方形,然后使用动画,滚动其余部分。 我在想一些涉及div的东西,带有溢出:隐藏,但我搞不清楚 非常感谢。要在最初显示正方形,您可以使用一种称为“图像精灵”(image spriting)的技术,而且有很多方法可以通过CSS来实现。给你。之后,您可以使用animate手动更改css 然而,我打赌有一个jquery插件可以自动执行类似的操作…检查插件,它确实可以做到这一点。您必须使用css:position将一个div置于另一个div之上

我使用jQuery,我试图显示图像的一部分,在中间显示一个正方形,然后使用动画,滚动其余部分。

我在想一些涉及div的东西,带有溢出:隐藏,但我搞不清楚


非常感谢。

要在最初显示正方形,您可以使用一种称为“图像精灵”(image spriting)的技术,而且有很多方法可以通过CSS来实现。给你。之后,您可以使用animate手动更改css


然而,我打赌有一个jquery插件可以自动执行类似的操作…

检查插件,它确实可以做到这一点。

您必须使用css:position将一个div置于另一个div之上

您可以设置类似于css sprite地图的内容,使用css显示图像的特定部分。然后使用jquery将css类更改为显示整个图像的类

这里有一个关于css精灵地图的链接。