这个问题一直没有被解决,现在我遇到了,希望高手给予解决方案~!

时间:2021-06-18 16:13:10
<!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD   HTML   4.01   Transitional//EN " 
"http://www.w3.org/TR/html4/loose.dtd "> 
<html> 
<head> 
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 "> 
<title> 无标题文档 </title> 
<script   language= "vbscript "   type= "text/vbscript "> 
sub   button1_onclick() 
msgbox   ( "fdfdfd ") 
end   sub 
</script>   
<script   language= "JavaScript "   type= "text/JavaScript "> 
<!-- 
function   MM_preloadImages()   {   //v3.0 
    var   d=document;   if(d.images){   if(!d.MM_p)   d.MM_p=new   Array(); 
        var   i,j=d.MM_p.length,a=MM_preloadImages.arguments;   for(i=0;   i <a.length;   i++) 
        if   (a[i].indexOf( "# ")!=0){   d.MM_p[j]=new   Image;   d.MM_p[j++].src=a[i];}} 


function   MM_swapImgRestore()   {   //v3.0 
    var   i,x,a=document.MM_sr;   for(i=0;a&&i <a.length&&(x=a[i])&&x.oSrc;i++)   x.src=x.oSrc; 


function   MM_findObj(n,   d)   {   //v4.01 
    var   p,i,x;     if(!d)   d=document;   if((p=n.indexOf( "? "))> 0&&parent.frames.length)   { 
        d=parent.frames[n.substring(p+1)].document;   n=n.substring(0,p);} 
    if(!(x=d[n])&&d.all)   x=d.all[n];   for   (i=0;!x&&i <d.forms.length;i++)   x=d.forms[i][n]; 
    for(i=0;!x&&d.layers&&i <d.layers.length;i++)   x=MM_findObj(n,d.layers[i].document); 
    if(!x   &&   d.getElementById)   x=d.getElementById(n);   return   x; 


function   MM_swapImage()   {   //v3.0 
    var   i,j=0,x,a=MM_swapImage.arguments;   document.MM_sr=new   Array;   for(i=0;i <(a.length-2);i+=3) 
      if   ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;   if(!x.oSrc)   x.oSrc=x.src;   x.src=a[i+2];} 

//--> 
</script> 
</head> 

<body   onLoad= "MM_preloadImages( 'file:///E|/jiankong/11.jpg ') "> 
<a   href= "javascript:; "   onMouseOver= "MM_swapImage( 'Image1 ', ' ', 'file:///E|/jiankong/11.jpg ',1) "   onMouseOut= "MM_swapImgRestore() "> <img   src= "file:///E|/jiankong/9.jpg "   name= "Image1 "   width= "46 "   height= "46 "   border= "0 "   id= "Image1 "   onClick= "button1_onclick "   > </a> 
</body> 
</html> 
当不加onclick事件,onMouseOut   onmouseover   正确运行 
加入onclick事件后,onMouseOut   onmouseover   不正确运行,且提示调用子程序不能加括号,但onclick可以触发 
请高手指点如何这三个事件都可触发 

10 个解决方案

#1


不明白。。。等答案

#2


我也在等

#3


不明白你要做什么  这个是dreamweaver 生成的啊

#4


onClick="button1_onclick()"

sub button1_onclick()  
    msgbox "fdfdfd "
end sub

#5


现在有三个事件onclick、onmouseout、onmouseover。如果只有onmouseover和onmouseout事件,效果就是鼠标onmouseover的时候,图片变成 A图片。onmouseout的时候,恢复原来的图片(我们暂定为B图片)。现在又有一张C图片,希望实现的效果是当用户鼠标onmouseover之后,用户再onclick则图片由A图片(因为onmouseover图片会变成A图片)变成C图片,并且保持C图片不变(也就是不受onmouseout事件的影响)。现在问题就是 onclick和onmouseout事件有冲突,无法实现这种效果。如果哪位高手有解决方案,希望尽快给予回复。

#6



<script>  
<!--
//换了种方式实现,不知是否符合要求
var arr_data=new Array("0.jpg","1.jpg","2.jpg","3.jpg");//默认图片 悬浮时图片 移开时图片 点击时图片
function fuc_(){
var obj=document.getElementById("image1");
obj.onmouseover=function(){this.src=arr_data[1];};
obj.onmouseout=function(){this.src=arr_data[2];};
obj.onclick=function(){this.src=arr_data[3];this.onmouseover=null;this.onmouseout=null};
}
//-->  
</script>  
</head>
<body onLoad="fuc_()"> 
<a href="javascript:;"><img src="0.jpg" name="image1" width="46" height="46" border= "0" id= "Image1"> </a>  
</body>  

#7



//... code
function fuc_(){
//将这句挪到fuc_() 里也可以
var arr_data=new Array("0.jpg","1.jpg","2.jpg","3.jpg");//默认图片 悬浮时图片 移开时图片 点击时图片
//... code

#8



<script>  
<!--
//修改了一下,前面有点小失误
function fuc_(){
//将这句挪到fuc_() 里也可以
var arr_data=new Array("0.jpg","1.jpg","2.jpg","3.jpg");//默认图片 悬浮时图片 移开时图片 点击时图片
var obj=document.getElementById("image1");
obj.src=arr_data[0];
obj.onmouseover=function(){this.src=arr_data[1];};
obj.onmouseout=function(){this.src=arr_data[2];};
obj.onclick=function(){this.src=arr_data[3];this.onmouseover=null;this.onmouseout=null};
}
//-->  
</script>  
</head>
<body onLoad="fuc_()"> 
<a href="javascript:;"><img src="0.jpg" name="image1" width="46" height="46" border= "0" id= "Image1"> </a>  
</body> 

#9


友情支持。。

#10


火狐浏览器下无效

#1


不明白。。。等答案

#2


我也在等

#3


不明白你要做什么  这个是dreamweaver 生成的啊

#4


onClick="button1_onclick()"

sub button1_onclick()  
    msgbox "fdfdfd "
end sub

#5


现在有三个事件onclick、onmouseout、onmouseover。如果只有onmouseover和onmouseout事件,效果就是鼠标onmouseover的时候,图片变成 A图片。onmouseout的时候,恢复原来的图片(我们暂定为B图片)。现在又有一张C图片,希望实现的效果是当用户鼠标onmouseover之后,用户再onclick则图片由A图片(因为onmouseover图片会变成A图片)变成C图片,并且保持C图片不变(也就是不受onmouseout事件的影响)。现在问题就是 onclick和onmouseout事件有冲突,无法实现这种效果。如果哪位高手有解决方案,希望尽快给予回复。

#6



<script>  
<!--
//换了种方式实现,不知是否符合要求
var arr_data=new Array("0.jpg","1.jpg","2.jpg","3.jpg");//默认图片 悬浮时图片 移开时图片 点击时图片
function fuc_(){
var obj=document.getElementById("image1");
obj.onmouseover=function(){this.src=arr_data[1];};
obj.onmouseout=function(){this.src=arr_data[2];};
obj.onclick=function(){this.src=arr_data[3];this.onmouseover=null;this.onmouseout=null};
}
//-->  
</script>  
</head>
<body onLoad="fuc_()"> 
<a href="javascript:;"><img src="0.jpg" name="image1" width="46" height="46" border= "0" id= "Image1"> </a>  
</body>  

#7



//... code
function fuc_(){
//将这句挪到fuc_() 里也可以
var arr_data=new Array("0.jpg","1.jpg","2.jpg","3.jpg");//默认图片 悬浮时图片 移开时图片 点击时图片
//... code

#8



<script>  
<!--
//修改了一下,前面有点小失误
function fuc_(){
//将这句挪到fuc_() 里也可以
var arr_data=new Array("0.jpg","1.jpg","2.jpg","3.jpg");//默认图片 悬浮时图片 移开时图片 点击时图片
var obj=document.getElementById("image1");
obj.src=arr_data[0];
obj.onmouseover=function(){this.src=arr_data[1];};
obj.onmouseout=function(){this.src=arr_data[2];};
obj.onclick=function(){this.src=arr_data[3];this.onmouseover=null;this.onmouseout=null};
}
//-->  
</script>  
</head>
<body onLoad="fuc_()"> 
<a href="javascript:;"><img src="0.jpg" name="image1" width="46" height="46" border= "0" id= "Image1"> </a>  
</body> 

#9


友情支持。。

#10


火狐浏览器下无效