Fingki 's Blog

hover是鼠標懸停css效果，但在一些瀏覽器如ie6中，只對<a href=""/>有效。
jQuery可以為我們解決這個問題：
jQuery提供的hover()方法做為一個事件，不僅可以改變CSS樣式的，還可以做其他動作；
非常類似于mouseover mouseout的組合。
代碼如下：
$(function(){
           $(".htest").hover(
            function(){
                $(this).css("cursor","pointer");
                $(this).css("color","red");
                $(this).css("position","relative");
                $(this).css("top","2px");
                $(this).css("left","2px");
            },
            function(){
                $(this).css("cursor","pointer");
                $(this).css("color","blue");
                $(this).css("position","relative");
                $(this).css("top","0px");
                $(this).css("left","0px");
            }
            );
          $(".mtest").mouseover(function(){
                $(this).css("cursor","pointer");
                $(this).css("color","red");
                $(this).css("position","relative");
                $(this).css("top","2px");
                $(this).css("left","2px");
            });
            $(".mtest").mouseout(function(){
                $(this).css("cursor","pointer");
                $(this).css("color","blue");
                $(this).css("position","relative");
                $(this).css("top","0px");
                $(this).css("left","0px");
            });
});