前幾天幫朋友做了一個單頁面,其中有個效果就是鼠標移動到頭像上變換頭像樣式,當鼠標移出時恢復頭像樣式。當時沒多想,腦子就蹦出了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;
}
);
}
}
}
);
