87,988
社区成员
发帖
与我相关
我的任务
分享input没有onmouseover事件吗？
<input type="image" name="ImageButton1" id="ImageButton1" onmouseover="javascript:this.style.borderWidth='2';this.style.borderColor='#EDF2FB';" src="/Images/column1.gif" border="0" />
这个无效。
这个无效。
...全文
请发表友善的回复…
发表回复
nhpyliner 2007-08-16
- 打赏
- 举报
<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>
试试这个看看是你要的效果不？
<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>
试试这个看看是你要的效果不？
nhpyliner 2007-08-15
- 打赏
- 举报
<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都对此种情况不起作用
<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都对此种情况不起作用
chaircat 2007-08-15
- 打赏
- 举报
RPWT...
he_8134 2007-08-15
- 打赏
- 举报
你写错而已~~最简单你试试<input type="image" onmouseover="alert()" />
