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;
            }
            );
        }
    }
}
);
 

  

posted @ 2016-02-16 17:10  惠鹏曦  阅读(13053)  评论(1编辑  收藏  举报