English
<!-- http://www.downcodes.com --> <!-- bbs http://bbs.downcodes.com --> <!--To achieve this effect, two steps are required. The first step is: Add the following code to the <head> area--> <style> <!-- .mouseBeOffMe { border-top: 10px solid #000000; border-bottom: 10px solid #000000; border-left: 6px solid #000000; border -right: 10px solid #000000; } .mouseBeOnMe { border-top: 6px solid #000000; border-bottom: 14px solid #000000; border-left: 10px solid #000000; border-right: 6px solid #000000; } . mouseBeDown { border-top: 13px solid #000000; border-bottom: 7px solid #000000; border-left: 10px solid #000000; border-right: 6px solid #000000; } .mouseBeUp { border-top: 10px solid #000000 ; border-bottom: 10px solid #000000; border-left: 10px solid #000000; border-right: 6px solid #000000; } //--> </style> <!--Step 2: Add the following code Go to the <body> area--> <img src = "/u/info_img/2009-06/20/4121_logo.gif" width = "90" height = "90" border = "0" class = "mouseBeOffMe" onmouseover = "this.className='mouseBeOnMe'" onmousedown = "this.className='mouseBeDown'" onmouseup = "this.className='mouseBeUp'" onmouseout = "this.className='mouseBeOffMe'"> <img src = "" width = "90" height = "90" border = "0" class = "mouseBeOffMe" onmouseover = "this.className='mouseBeOnMe'" onmousedown = "this.className='mouseBeDown'" onmouseup = "this.className=' mouseBeUp'" onmouseout = "this.className='mouseBeOffMe'"> <img src = "" width = "90" height = "90" border = "0" class = "mouseBeOffMe" onmouseover = "this.className='mouseBeOnMe '" onmousedown = "this.className='mouseBeDown'" onmouseup = "this.className='mouseBeUp'" onmouseout = "this.className='mouseBeOffMe'">
