jq鼠標移入和移出事件


前幾天幫朋友做了一個單頁面,其中有個效果就是鼠標移動到頭像上變換頭像樣式,當鼠標移出時恢復頭像樣式。當時沒多想,腦子就蹦出了mouseover,mouseout兩個方法。 但是在編寫頁面的過程中,無論我怎么調試只有mouseover方法可以,mouseout方法失效。 於是就google,百度尋找解決答案,可是找了好久都沒找到合適的答案。只好問問同事了,同事看了我的代碼后也覺得沒有問題,但是怎么測都失效。 往往在一條路上遇到問題后,通過各種方式都解決不了時,我們就要調整思路轉換道路。 同事跟我說了他之前寫的一個類似的效果所用到的方法。於是試了試果然立馬見效。看來還是自己對JQuery的一些方法還不了解。 $(obj).mouseenter(function(){ //鼠標移入 }).mouseleave(function(){ //鼠標移出 });  

 

 

JQ 上拉加載更多

var loading = false;
$(window).scroll(function ()
{
    if ((($(window).scrollTop() + $(window).height()) + 250) >= $(document).height())
    {
        if (loading == false)
        {
            loading = true;
            $('#loadingbar').css("display", "block");
            $.get("load.php?start=" + $('#loaded_max').val(), function (loaded)
            {
                $('body').append(loaded);
                $('#loaded_max').val(parseInt($('#loaded_max').val()) + 50);
                $('#loadingbar').css("display", "none");
                loading = false;
            }
            );
        }
    }
}
);
 

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM