<!-- ด้านล่างให้ตั้งรหัสสีให้กลมกลืนกับพื้นหลังของหน้าด้วย เพื่อความสวยงาม --> <style> <!-- .mouseBeOffMe { border-top: 10px solid #FFFFCC; border-bottom: 10px solid #FFFFCC; border-left: 6px solid #FFFFCC; border-right: 10px solid #FFFFCC; } .mouseBeOnMe { border-top: 6px solid #FFFFCC; border-bottom: 14px solid #FFFFCC; border-left: 10px solid #FFFFCC; border-right: 6px solid #FFFFCC; } .mouseBeDown { border-top: 13px solid #FFFFCC; border-bottom: 7px solid #FFFFCC; border-left: 10px solid #FFFFCC; border-right: 6px solid #FFFFCC; } .mouseBeUp { border-top: 10px solid #FFFFCC; border-bottom: 10px solid #FFFFCC; border-left: 10px solid #FFFFCC; border-right: 6px solid #FFFFCC; } //--> </style>

<a target="_blank" href="http://www.codetukyang.com"> <img src = "picture.gif" title = "ข้อความที่จะแสดงออกมา เมื่อนำ Mouse ไปวางข้างบน" width = "88" height = "18" border = "0" class = "mouseBeOffMe" onmouseover = "this.className='mouseBeOnMe'" onmousedown = "this.className='mouseBeDown'" onmouseup = "this.className='mouseBeUp'" onmouseout = "this.className='mouseBeOffMe'"> </a>