Question

How to enable hover only on one particular DIV for IE 6 through javascript. I want to enabe hove on one div only I found some script on net to make this possible but they applied on whole site i think rendering time will be increased so i want to enable hover only on one particular div.

IE7. js can do this but is has some more unwanted things which i dont’ want so i need simple short javascript code to enable hover in IE 6

Answer 1

A simple onmouseover/onmouseout has the downside that it will be also fired when the div has childnodes and you hover this child. So you will get an mouseout fired when you hover the childnode. Every framework has something like mousenter/mouseleave to handle this problem. So in JQuery it should look like this:

$('#myElement').mouseenter(toggleClass(true)).mouseleave(toggleClass());
function toggleClass(enter){
  if(enter){
     /*do something on mouseenter*/
  }else {
     /*do something on mouseleave*/
  }

/or the much shorter version/
$(‘#myElement’)(enter ? ‘add’ : ‘remove’) + ‘Class’;
}