[PHP] jQuery를 이용한 대기상태의 커서 변경

jQuery 를 이용하여대기상태의 커서를원하는 모양으로 변경한다.

 

$(　document).ready(function() {

 

...

 

//////////////////////////////////////////
// 대기상태의 커서변경
// 커서의 위치를 중앙으로 변경하는 jQuery함수

jQuery.fn.center = function () {
this.css("position", "absolute");
this.css("top", ( $(window).height() - this.height() ) / 2+$(window).scrollTop() + "px");
this.css("left", ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + "px");
return this;
}

// Create img dom element and insert it into our 　document
var loading = $("<img alt='loading' src='/img/ajax-loader.gif' />").appendTo(　document.body).hide();
loading.ajaxStart(function() {
$(this).center().show();})
.ajaxStop(function() {
$(this).hide();
});
//////////////////////////////////////////

 

...

 

});