Dreamweaver 行為 - 設定容器文字

若各位要在網頁上與使用者做個小小的提示互動～沒有第二句話，就直接撰寫 Javascript 吧！

誠如前篇所描述的一樣，若是不會撰寫 Javascript 不就挫咧蛋！剛好遇到某些時候業務急著要、上司急著要、老闆急著要、客戶急著要、媽媽急著要（媽媽來亂的），怎麼辦？雙手一攤，到時再說吧！在工作職場上可不容許這樣的情況發生，若是做不出來總要有些補救方法吧！

現在各位只要會使用 Dreamweaver 行為便可輕易地完成此效果，在 Dreamweaver 中提供了許多的行為功能讓各位去點選使用，點選後即會幫我們產生 Javascript 程式碼，所以各位也不必擔心不會撰寫 Javascript 語法的問題。

各位可點選下方的 Demo 連結以檢視成品展示。（將游標移至下方的五張縮圖中）

• Demo
• Download

---

接下來，我們就開始使用 Dreamweaver 行為來製作我們所需要的提示文字。

請各位先了解一下待會兒要控制的區塊，如下圖所示：

在我們的教學過程中常常會碰到 " 觸發對象 " 設定錯誤這類的問題，所以，請在使用行為時遵循下面幾個步驟，否則在控制對象時會設定錯誤喔！

1. 請為元素加上 id 以便 Javascript 可以尋找到其 id 並予以控制。
2. 選取控制元素。
3. 選擇所需的行為指令。
4. 選擇或輸入參數。
5. 更改滑鼠行為。

---

請為元素加上 id 以便 Javascript 可以尋找到其 id 並予以控制

請各位依上圖的標示為 Div 標籤加上 id。

選取控制元素

選擇所需的行為指令

開啟「標籤檢視窗 \ 行為」面板，選擇「新增行為 \ 設定文字 \ 容器文字」。

選擇或輸入參數

1. 容器：div "inner"。
2. 新的 HTML：輸入您所需要的文字內容，如下圖所示：

更改滑鼠行為

設定容器文字完成後，滑鼠預設的行為是 onClick（放開），請改為 onMouseOver（滑入）。

依此類推，其他的 <img> 也設定所需的提示文字內容。

---

總結：

雖然 Dreamweaver 行為提供給我們這樣便利的工具，但在 HTML 中也是有產生一些程式碼喔！就是當滑入影像後便呼叫 MM_setTextOfLayer 函數，將我們剛剛所設定的參數代入到函數內執行。

位於檔頭內的 Javascript 將參數代入後再以動態方式載入到 <div#inner> 標籤中。