代码如下:
<script text="text/javascript">
function change(color){
var evt=event.srcElement;//得到当前事件对象
if(evt.tagName=='IMG'){
evt.stytle.border="2px solid "+color+"";
}
}
</script>
<html>
<img src="test.jpg" width="142" height="78" onmouseout="change('white')" onmouseover="change('blue')">
</html>
就是在鼠标移到图片上时显示边框
在ie下好好的,但firefox 下却没有反应
经过一番折腾,貌似只能借助jquery解决方法如下:红色是增加的代码
<script src="jquery.js" />
function change(color,e){
var event=$.event.fix(e);
var evt=event.target; //得到当前事件对象
if(evt.tagName=='IMG'){
evt.stytle.border="2px solid "+color+"";
}
}
<img src="test.jpg" width="142" height="78" onmouseout="change('white',event)" onmouseover="change('blue',event)">
|
|