zoukankan      html  css  js  c++  java
  • 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;
                }
                );
            }
        }
    }
    );
     
    

      

  • 相关阅读:
    webpack学习笔记五
    webpack的学习使用四
    判断数组B是否为数组A的子集
    html5标签知多少
    图代文时隐藏文字的兼容实现
    负margin的移位参考线
    font-size 兼容问题
    IE6读取不到样式文件bug
    一个重构眼中的“项目管理”
    唯物 VS 唯心
  • 原文地址:https://www.cnblogs.com/hpx2020/p/5193340.html
Copyright © 2011-2022 走看看