如何实现漂移图像马赛克背景(URL示例如下)

时间:2011-09-09 18:27:39

标签: jquery css background-image

http://horiyoshi-thethird.com/(跳过介绍)

我对jQuery知之甚少,但我习惯于设置javascript& css参数等,如果有插件或简化某人可以指向我的事情

多个随机图像的漂移效果是至关重要的部分,交互性不是那么重要而是奖励。

非常感谢,

布赖恩

2 个答案:

答案 0 :(得分:0)

背景图像没有漂移;这是一个单独的图像层,它通过计算鼠标光标和窗口中心之间的矢量并沿相反方向缓慢移动图像层而整体漂移。

新图像会在离开屏幕之前添加到背景中,然后再进入视图。 (您可以通过等待页面加载并开始漂移,然后最大化浏览器窗口来看到这一点。)

但是,不过,我只能想象随着时间的推移,这对浏览器的内存占用情况有多么糟糕。

如果有插件可以做到这一点,我还没有听说过。

答案 1 :(得分:0)

看起来他们正在使用一个名为无限拖动的插件。虽然它不具备所有功能,但它应该让你开始。

http://ianli.com/infinitedrag/