Javascript 使用jquery创建马赛克/平铺图像效果

有没有办法创建主图像的效果？虽然是在flash中完成的，但我更喜欢使用jquery。我也尝试过使用“马赛克生成器”，但未能很好地复制效果，但使用js生成器也是可以接受的

[编辑]我没有提到，我只对模拟效果的平铺/马赛克方面感兴趣，而不是动画。我想要一个大图像（例如，400px×300px），由空格（或颜色可自定义边框）分隔成9个大小相同的块或瓷砖

虽然我想对每个图像应用一个单独的悬停效果，使每个图像都具有独立实体的效果，但我不一定需要任何进一步的动画

圆角并不重要，也不需要圆角。 [/edit]

使用jquery进行操作将非常有趣。您将拥有一个图像表，每个图像都有一个悬停事件，在鼠标打开和关闭时切换动画。逻辑并不难；让图像和动画看起来更漂亮会有点困难，但不是不可撤销的。这取决于你想要复制效果的程度D

---

编辑：你只是想要一幅拼图？您可以使用一个表来定位所有图像，并使用js来处理事件。您还想要或需要js做什么这里有个主意。将大图像加载到DIV中。决定窗口的大小，并在希望窗口的位置创建一个透明的PNG。（边界不透明，厚度控制空白的宽度。）要创建效果，请使用三层。底层的图像（您可以根据需要交换）。中间层和顶层将沿x轴和y轴重复，并由jQuery单独控制。中间层将有一个透明的PNG，最上面一层只有一个纯色（与你的页面背景“看起来”不可见？）。要创建任何“漂亮”效果，可以调整不透明度或设置单独框的顶层动画，以显示/隐藏底层的图像，该图像将通过PNG中中间层的透明区域可见

---

希望我的解释清楚。通过一些智能编码，您可以将其打包并在任何地方重复使用。

我已将我的问题编辑为我希望能更好地解释我所寻找的内容。简而言之，我只想要一个平铺效果、悬停效果和圆角都不重要，也不需要。嗨，疯狂，谢谢你的回复。我想使用javascript，因为对我来说，在不支持flash的手机上查看我正在做的事情是很重要的。而且，在我有限的经验中，当记住那些使用javascript冲浪的人时，Jquery更容易使用。请查看我对Michael的回复，了解更多关于我在哪里寻求解决方案的信息。感谢Michael的回复。虽然我想选择你的回答作为答案，但我相信我的问题是不充分的，是仓促思考出来的。根据你的描述，我选择在div包装中使用UL。这应该给我你描述的三个层（第一个div，第二个ul或li，第三个锚），这就是我将尝试实现的。我将开始尝试调整jquery ul gallery，找到另一个合适的，或者找到其他合适的，并用我的解决方案更新此问题（如果找到）。我提到的链接如下：