<input type="image" name="ImageButton1" id="ImageButton1" onmouseover="javascript:this.style.borderWidth='2';this.style.borderColor='#EDF2FB';" src="/Images/column1.gif" border="0" />这个无效。

解决方案 »

  1.   

    你写错而已~~最简单你试试<input type="image" onmouseover="alert()" />
      

  2.   

    <html>
    <head>
    <script type="text/javascript">
    function changeStyle()
    {
        document.getElementById("imageTest").style.width="83px";
    }
    </script>
    </head>
    <body>
    <form >
    <input type="image" id="imageTest" onmouseover="changeStyle()" src="1.jpg" >
    </form>
    </body>
    </html>你要查查input type=image 时的样式名称,像你写的borderColor和borderWidth都对此种情况不起作用
      

  3.   

    <html>
    <head>
    <STYLE>
    .applyBorder { border:0.2cm groove orange }
    .removeBorder { border:none }
    </STYLE>
    </head>
    <body>
    <form>
    <input type="image" id="imageTest" onmouseover="this.className='applyBorder'"
    onmouseout="this.className='removeBorder'" src="1.jpg" >
    </form>
    </body>
    </html>试试这个看看是你要的效果不?