Débogage onMouseOver et onMouseOut avec javascript et moins css

Question

J'ai quelques problèmes ici à trouver mon erreur. La console de débogage dit: "Impossible de trouver la variable: mouseover/mouseout." Je ne sais pas ce qu'elle essaie de me dire. Je veux fondre un div avec lessCss à 50% de transparence avec l'événement onmouseover/onmouseout.

<div id="right" class="" onMouseOver="javascript: mouseover(this);" onMouseOut="javascript: mouseout(this);"></div> 

<script type="text/javascript"> 
    function mouseover(this) { 
    this.setAttribute("class", "mouseover"); 
    } 

    function mouseout(this) { 
    this.setAttribute("class", ""); 
    } 
</script> 

Code lessCss:

#right { 
    position:fixed; 
    top:320px; 
    right:0px; 
    z-index:5; 
    height:200px; 
    width:30px; 
    background-image: url(images/right); 
    border-radius:5px; 
    background-color:fade(darken(@bg-color, 50%),50%); 
    cursor:pointer; 
} 
.mouseover { 
    background-color:darken(@bg-color, 50%); 
} 

Answer 1

Vous ne avez pas besoin d'une fonction javascript, utilisez sélecteur CSS "hover":

#right { 
position:fixed; 
top:320px; 
right:0px; 
z-index:5; 
height:200px; 
width:30px; 
background-image: url(images/right); 
border-radius:5px; 
background-color:fade(darken(@bg-color, 50%),50%); 
cursor:pointer; 
} 
#right:hover { 
background-color:darken(@bg-color, 50%); 
} 

Votre div simplement besoin d'avoir "droit" comme id :

<div id="right"></div>