JQuery解决IE6不支持CSS hover伪类

JQuery解决IE6不支持CSS hover伪类

    话不多说，直接来个例子就知道怎么回事了：

 

<script type="text/javascript" src="images/js/jquery.min.js"></script>

<script type="text/javascript">

var $j = jQuery.noConflict();//这个是修改jquery的调用key，预防和mootools或其他插件冲突

$j(document).ready(function($j){

$j(".recommend_phone > li").hover(function() {//选择器，和css很像

$j(this).css("background","background: url(images/bg_recommand_hover.jpg) no-repeat");//hover的状态

},function(){$j(this).css("background","");});//not hover的状态

 

/*后面的类似*/

$j(".recommend_fitting_1").hover(function() {

$j(this).css("background","background: url(images/bg_pj_1.jpg) no-repeat");

},function(){$j(this).css("background","");});

$j(".recommend_fitting_2,.recommend_fitting_4").hover(function() {

$j(this).css("background","background: url(images/bg_pj_2.jpg) no-repeat");

},function(){$j(this).css("background","");});

$j(".recommend_fitting_3").hover(function() {

$j(this).css("background","background: url(images/bg_pj_3.jpg) no-repeat");

},function(){$j(this).css("background","");});

$j(".recommend_fitting_5,.recommend_fitting_6").hover(function() {

$j(this).css("background","background: url(images/bg_pj_4.jpg) no-repeat");

},function(){$j(this).css("background","");});

});

</script>