Hello all,
About the new jQuery website, you noticed that it has 3 blue links:
- Lightweight Footprint
- CSS3 Compliant
- Cross-browser
When you hover, it displays a box that stays above the link. I was
looking into the code when I found this:
//cta tooltips
if($.browser.msie){
$('div.jq-checkpointSubhead').hide();
$('#jq-intro li').hover(
function(){$(this).find('div.jq-checkpointSubhead').fadeIn(500);},
function(){$(this).find('div.jq-checkpointSubhead').fadeOut(500);}
);
}else{
$('div.jq-checkpointSubhead').hide().css({'opacity': 0.0001,
'display': 'block'});
$('#jq-intro li').hover(
function(){$(this).find('div.jq-checkpointSubhead').fadeTo(500,
0.9999);},
function(){$(this).find('div.jq-checkpointSubhead').fadeTo(500,
0.0001);}
);
}
Now, my question is: why they used a $.browser.msie detection to make
the event different in IE? Why not use the same code for all browsers?
Is there a bug in fadeIn/fadeOut, or maybe fadeTo?
