經(jīng)常會(huì)在網(wǎng)頁(yè)中使用可拖動(dòng)月歷，但是這樣的月歷要如何實(shí)現(xiàn)呢。使用本文提供的JavaScript腳本，配合Dreamweaver的層和行為的運(yùn)用，可以在頁(yè)面中顯示可拖動(dòng)的精美月歷。

　　具體制作步驟如下：

　　1、啟動(dòng)Dreamweaver MX，新建一個(gè)HTML文檔，切換到代碼視圖，編寫JavaScript腳本。

　　（1）在HTML文檔的《head》。..《/head》插入下面的JavaScript腳本：

　　（2）在HTML文檔正文《body》。..《/body》中插入JavaScript腳本，并給《body》標(biāo)記添加一些屬性：

　　2、切換到設(shè)計(jì)視圖，在頁(yè)面中插入一層，并把代表HTML文檔正文中的JavaScript腳本圖標(biāo)（如果該圖標(biāo)沒有顯示，請(qǐng)選擇View》Visual Aids》Invisible Elements菜單命令）拖入層中，如下圖所示。

　　
JavaScript教程之網(wǎng)頁(yè)中顯示可拖動(dòng)月歷

　　3、選擇頁(yè)面中的層，然后在Behaviors（行為）面板（如果沒有打開，選擇Window》Behaviors）中單擊“+”按鈕，從彈出的菜單上選擇Drag Layer（拖動(dòng)層）命令。

　　
JavaScript教程之網(wǎng)頁(yè)中顯示可拖動(dòng)月歷

　　4、在彈出的Drag Layer對(duì)話框中采用默認(rèn)選項(xiàng)，單擊OK按鈕。此時(shí)，Behaviors面板添加了onClick（單擊）事件和Drag Layer動(dòng)作。

　　
JavaScript教程之網(wǎng)頁(yè)中顯示可拖動(dòng)月歷

　　5、保存文件，在瀏覽器中瀏覽，用鼠標(biāo)按住月歷即可在頁(yè)面中自由拖動(dòng)。