jquery讓div隱藏,顯示,隨着鼠標移動

jquery真的是一個非常棒的js框架,讓js開發變得如此簡單。

   讓div隱藏:$("#divId").hide();

   讓div顯示:$("divId").show();

   讓div隨着鼠標走,需要知道幾個關鍵點。

   如何獲取鼠標的橫縱座標。如何讓div在別的html代碼上移動。

    var xx = e.originalEvent.x || e.originalEvent.layerX || 0; 
    var yy = e.originalEvent.y || e.originalEvent.layerY || 0; 
    $('#month').css({top: yy, left: xx});//注意這是用css的top和left屬性來控制div的。

   還有個注意的地方,div要設置成絕對位置纔可以。

    position: absolute;

   只有這樣div才能在其他的顯示元素上面隨便移動。

發佈了49 篇原創文章 · 獲贊 3 · 訪問量 16萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章