怎么在網頁制作拖拽的拼圖效果

　　 
　　細入Behaviors 的Drag Layer指令。

如何在網頁中做一個拼圖的效果？

其實要做到這點并不困難，只需要使用到Dreamweaver一個簡單的指令。

步驟一:要找到一張完整，而且色彩鮮明的圖片。這樣便于他人識別。

步驟二:使用一些軟件將他們均勻的分割，并將他們分別命名為*.jpg或*.gif圖片。我推薦使用Friework或PhotoShop。 　

步驟三:進入Dreamweaver打開一個相應文件。

步驟四:單擊對象工具欄中的層(Layer)，在頁面中脫拽一個層。

步驟五:把鼠標固定在層框中，同時點擊工具攔中的圖片插入按鈕，插入一張你先前分割的一張圖片。

步驟六:按鍵盤"F8"，彈出"Behaviors"面板，在Events For:。選擇IE 4.0。

步驟七:選中頁面中的層，然后單擊面板中的"+"鍵，系統彈出列表，選擇其中的Drag Layer。 　　

步驟八:此時彈出的框子，選擇層(Layer)的時候時候一定選擇當前層。(如果不是很清楚，按F11)。其他的設置可以不去動他的默認。按OK。

步驟九: 隨后點擊事件右側的向下的黑色小箭頭，在彈出的列表中選擇"onMouseOver"。 　　

這樣一個可以拖拽的圖象就建成了，你可以save一下。用瀏覽器打開相應的html文件試一試。:) 其他的圖片也就按此方法重復制作幾次。

原文轉自：http://www.kjueaiud.com