前几天帮朋友做了一个单页面,其中有个效果就是鼠标移动到头像上变换头像样式,当鼠标移出时恢复头像样式。当时没多想,脑子就蹦出了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; } ); } } } );