[NET]配合 DHTML 屬性製造 Web Control 物件的特殊效果

作者：Duron
E-mail：[email protected]

---

十個 ASP.NET 的初學者大概有九個半不知道 Web Controls 裡面可以很方便的加入 DHTML 的屬性以豐富表單物件的特色。這也難怪，幾乎所有 ASP.NET 的入門書都不會教你這個，甚至連 .NET SDK Documentation 或 MSDN 網站都沒有相關的說明；所以即使你是 DHTML 的老手，也可能得看到本篇文章才會知道原來 ASP.NET 的表單物件也可以套用 DHTML 屬性。

如果你早已熟知 DHTML，那麼你只要和往常一樣去用它就可以了。但如果你不熟 DHTML，那麼可以把本篇好好研究一遍，相信對你會有幫助的。

這裡要提的 DHTML 屬性有兩類，一類是 Mouse event，另一類是 Keyboard Event。

可用的 Mouse event 有如下幾種 -

onmouseover
onmouseout
onmousedown
onmouseup
onmousemove
onclick
ondblclick

可用的 Keyboard event 有如下幾種 -

onkeypress
onkeydown
onkeyup

上述屬性我就不一一說明瞭，請自行去參考相關資訊。以下則舉幾個例子說明如何讓 ASP.NET 的 Server Control 也能方便的運用上述的一些 Event。

<form runat=server>
<asp:checkbox runat=server id="chTest" runat=server text="Check it" autopostback=true
οnmοuseοver="this.style.color='red'"
οnmοuseοut="this.style.color=''" />
<asp:button text="Add" runat=server
οnmοuseοver="this.style.backgroundColor='yellow'"
οnmοuseοut="this.style.backgroundColor=''" />
<asp:button text="Remove" runat=server
οnmοuseοver="this.style.fontSize ='12pt';this.style.fontFamily='Arial';"
οnmοuseοut="this.style.fontSize='10pt';this.style.fontFamily='';" />
</form>

請把上述程式拷貝成一個 .aspx 程式再去執行它，並搭配程式碼，應該就很容易明白其中的原理了。