Home › Forums › JavaScript › [Solved] Affecting non-hovered items › Re: [Solved] Affecting non-hovered items
April 7, 2010 at 6:27 pm
#73638
Participant
Chris,
I used:
Code:
$(“ul”).delegate(“li”, “mouseover mouseout”, function(e) {
$(“ul li”).not(this).css(“opacity”, e.type == ‘mouseover’ ? 0.5 : 1);
});
$(“ul li”).not(this).css(“opacity”, e.type == ‘mouseover’ ? 0.5 : 1);
});
and
Code:
$(“li”).hover(function() {
$(“li”).not(this).css(“opacity”, 0.5);
}, function() {
$(“li”).not(this).css(“opacity”, 1);
});
$(“li”).not(this).css(“opacity”, 0.5);
}, function() {
$(“li”).not(this).css(“opacity”, 1);
});
both work great, however, IE freaks the text out and changes their alignment and size. The text even gets choppy.
http://www.chattahoocheetech.edu/sandbox/newctc/sports/crosscountry/
any ideas?