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

      

  • 相关阅读:
    9.jQuery工具方法
    8.jQuery遍历索引的方法
    7.jQuery中位置坐标图形相关方法
    CentOS安装log.io
    centos7搭建frps内网穿透服务
    docker showdoc安装
    【测试基础】等价类、边界值的概念及划分
    3-14 Pandas绘图
    3-13 索引进阶
    3-12 字符串操作
  • 原文地址:https://www.cnblogs.com/hpx2020/p/5193340.html
Copyright © 2011-2022 走看看