2012-06-05 58 views
0

我使用.png圖像作爲DW中的導入翻轉圖像。將鼠標懸停在該圖像上時,我希望圖像更改,但我也希望另一個div中的內容發生更改。我能夠一次或者另一次改變,但不能同時改變。我一直使用分號分隔函數調用,但無濟於事。需要改變當前div中的圖像和鼠標懸停的不同div上的圖像

HTML

<div> 
    <a href="#" onmouseout="MM_swapImgRestore()" 
       onmouseover="changeIt('images/change.jpg','animationbox');MM_swapImage('Image5','',images/'peaberryrollover.png',1);"> 
     <img src="images/peaberrybutton.png" width="170" height="200" id="Image5" /> 
    </a> 
</div> 

的Javascript

<script type="text/javascript"> 
    function changeIt(imageName,objName) 

    { 
    var obj = document.getElementById(objName); 

    var imgTag = "<img src='"+imageName+"' border='0' />"; 

    obj.innerHTML = imgTag; 

    return; 
    } 


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_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_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> 

任何幫助,將不勝感激。

+1

什麼更好的格式化代碼,將不勝感激 –

+0

你能清楚地顯示出你改變哪個元素?原始圖像和'其他'div'? –

回答

0

看看this page他們在哪裏演示他們如何更改鼠標懸停事件上的圖片。很簡單:

<div> 
    <a href="some.html" onmouseover="document.imageTag.src='pic2.png'" 
         onmouseout ="document.imageTag.src='pic1.png'"> 

    <img src="pic1.png" name="imageTag" 
     width="100" height="50" border="0" alt="..." /> 

    </a> 
</div> 

這樣,你並不需要所有的JavaScript

相關問題