有沒有辦法創建效果shown here on msi.com主圖像？雖然在Flash中完成，我寧願用jQuery來做。我也嘗試過'馬賽克發電機'，但一直無法很好地複製效果，但使用帶有js的發電機也是可以接受的。用jquery創建馬賽克/平鋪圖像效果
我沒有提及，我只是在模仿效果的平鋪/馬賽克方面感興趣，而不是動畫。我想要一個大的圖像（例如400x300像素）用空格（或顏色可定製的邊框）分隔成9個相同大小的塊或瓷磚。
雖然我想對每個圖像應用單獨的懸停效果，但是每個效果都是獨立的實體，我不一定需要任何其他動畫。
圓角並不重要或想要。 [/編輯]
這將是非常有趣的做它與jQuery。您將擁有一張圖像表格，每個圖像都有一個懸停事件，可以在開啓和關閉時切換動畫。邏輯不是太難;讓圖像和動畫看起來不錯會有點困難，但不可撤銷。這取決於你想如何複製效果。 ：D
編輯：你只是想要一個馬賽克的圖像？您可以使用表格來定位所有圖像，並使用js來處理事件。你還想要什麼？ ：D
這是一個想法。將大圖像加載到DIV中。決定你的窗戶的大小，並創建一個透明的PNG，你想要窗戶。 （在厚度的邊界上不透明以控制您想要空白的寬度。）要創建效果，請使用三個圖層。底層的圖像（您可以根據需要更換）。中間層和頂層將沿x和y軸重複，並由jQuery單獨控制。中間層將使PNG具有透明度，並且最上層只有純色（匹配頁面背景以「看起來」不可見？）。要創建任何「漂亮」效果，您可以調整不透明度或爲單獨框的頂層設置動畫效果，以在底層顯示/隱藏圖像，通過PNG中間層的透明區域可以看到圖像。
希望我的解釋清楚。通過一些智能編碼，可以隨意打包和重複使用。
我編輯了我的問題，我希望更好地解釋我在找什麼。總之，我只想要一個平鋪的效果和一個懸停效果和圓角不重要或想要的。 – 2009-08-03 18:17:15
你好瘋了，謝謝你的回覆。我想使用JavaScript，因爲對於我來說我正在做的事情在不支持Flash的手機上可見。而且，在我有限的經驗中，當讓那些使用javascript禁用的瀏覽器時，Jquery更容易處理。 請參閱我對邁克爾的回覆，以獲取更多信息，瞭解我在何處尋求解決方案。 – 2009-08-05 03:06:18