Changer la couleur par la souris sur

Question

Je voudrais changer le "imgTag.style.border='5px solid #FF00FF'" en noir lorsque la souris est sur une image. Ceci est mon JavaScript:

javascript:for(i=0;i<document.getElementsByTagName('img').length;i++) 
    { 
    var imgTag=document.getElementsByTagName('img')[i]; 
    imgTag.style.border='5px solid #FF00FF'; 
    imgTag.title=''; 
    imgTag.onclick=function() 
      { 
     return !window.open('http://www.example.com/#/'+this.src); 
      } 
     } 
    void(0) 

Comment peut-il être fait? Merci Frank

Answer 1

Vous devez lier aux gestionnaires mouseover et mouseout événements pour changer la couleur de la bordure de l'image:

var imgs = document.getElementsByTagName('img'); 
for(var i = 0; i < imgs.length; ++i) { 
    imgs[i].onmouseover = function() { 
     this.style.borderColor = '#000'; 
    }; 
    imgs[i].onmouseout = function() { 
     this.style.borderColor = '#f0f'; 
    }; 
} 

Par exemple: http://jsfiddle.net/bNk4Y/

Answer 2

Je ne sais pas quel est le problème avec le code que vous avez, mais si je comprends cela devrait faire correctement votre question, il: HTML:

<img src="" > 
<img src=""> 
... 

JS:

var imgs = document.getElementsByTagName("img"); 
for(i=0;i<imgs.length;i++) 
{ 
    imgs[i].onmouseover = function() {this.style.border="1px red solid";}; 
} 

Notez, cependant, que cela peut facilement être réalisé avec CSS, ce qui est une meilleure pratique - dans le cas où les utilisateurs ont JS désactivé, etc

img:hover { 
border: 1px red solid; 
}