Thay đổi màu nền dùng OnMouseOver, OnMouseOut

Đoạn Codes sau đây dùng Event Handler OnMouseOver, OnMouseOut để thay đổi màu nền của thành phần

Đưa chuột lên từng TD để thấy sự thay đổi

HomePage

www.it2know.net

<table border="1" bordercolor="#800000" cellpadding="3" cellspacing="3" width="200" align="center"> <tr><td align="left" bgcolor="#0000FF" onmouseover="this.style.backgroundColor='#FF0000'" onmouseout="this.style.backgroundColor='#0000FF'"> <a href="http://www.it2know.net"> <span style="font-family:verdana;font-size:85%;color:#ffffff;"><b> HomePage </b></span></a> </td></tr> <tr><td align="left" bgcolor="#483d8b" onmouseover="this.style.backgroundColor='#8a2be2'" onmouseout="this.style.backgroundColor='#483d8b'"> <a href="http://www.it2know.net/"> <span style="font-family:verdana;font-size:85%;color:#ffffff;"><b> www.it2know.net</b></span></a> </td></tr> </td></tr></table>

Bạn có thể kết hợp CSS để thay đổi các thuộc tính của thành phần , khi đó cả Link và nền thay đổi cùng lúc theo màu bạn thiết lập.

Submit Article :- Digg + Technorati + del.icio.us + Stumbleupon + Reddit + BlinkList + Furl + Yahoo+ Blogmarks + Ekstreme Socializer

|