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

时间:2009-08-19 15:43:34

标签: jquery html jquery-animate

我正在使用jquery,我正在尝试显示图像的一部分,比如在它的中间说一个正方形,然后使用动画,推出其余部分。

我正在考虑涉及div的事情,溢出:隐藏,但我无法理解。

非常感谢。

4 个答案:

答案 0 :(得分:3)

查看imgAreaSelect插件,它会完全正确。

答案 1 :(得分:1)

要最初显示正方形,您将使用一种名为图像spriting 的技术,并且有很多方法可以使用CSS实际完成它。这是one by alistapart。之后,您可以使用animate手动更改css。

但是,我打赌有一个jquery插件可以自动执行这样的操作......

答案 2 :(得分:1)

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

这是一个关于css精灵地图的链接。 http://css-tricks.com/css-sprites/

答案 3 :(得分:0)

你必须使用css:position将div放在另一个div上 css position