<html> <head> <title>study</title> <meta http-equiv="content-type" content="text/html;charset=gb2312" /> <mce:script type="text/javascript" language="javascript"><!-- function handle(oEvent){ //不是IE浏览器,事件用参数方法传入 var oDiv=document.getElementById("display"); if(window.event){ //如果是IE浏览器,将窗口事件传入 oEvent=window.event; } if(oEvent.type=="click"){ oDiv.innerHTML+="鼠标点击了图片! "; } if(oEvent.type=="mouseover"){ oDiv.style.display="block"; oDiv.innerHTML+="鼠标移到了图片上面! "; } } window.οnlοad=function(){ var oImg=document.getElementsByTagName("img")[0]; oImg.οnclick=handle; oImg.οnmοuseοver=handle; } // --></mce:script> <mce:style type="text/css"><!-- #display { background-color:Silver; width:auto; height:350px; display:none; } --></mce:style><style type="text/css" mce_bogus="1"> #display { background-color:Silver; width:auto; height:350px; display:none; }</style> </head> <body> <img alt="pobaby" src="1.jpg" mce_src="1.jpg" /> <div id="display"></div> </body> </html>