// 페이지 로딩 후 선택된 Object 이동시키기
(function($) {
$.fn.repositionObject = function(options)
{
settings = $.extend({
minWidth : 1024,
offsetDirection : 'left',
offsetPX1 : 8,
offsetPX2 : 27
}, options);
var offset1 = (settings.offsetPX1 * -1 || -8) + 'px';
var offset2 = (settings.offsetPX2 * -1 || -27) + 'px';
var $e = $(this);
var doResize = function(e) {
var width = document.documentElement.clientWidth;
if(width < settings.minWidth) {
e.css(settings.offsetDirection, offset1);
}else{
e.css(settings.offsetDirection, offset2);
}
};
$(window).bind('resize', function() {
doResize($e);
});
return this.each(function(){
doResize($e);
});
};
})(jQuery);
'Dev. 웹 > JavaScript' 카테고리의 다른 글
[ jQuery 핵심정리 ] DOM 조작 메서드 (0) | 2014.12.04 |
---|---|
[jQuery tip] attributes VS properties ( .attr() VS .prop() ) 차이 비교 (0) | 2014.10.28 |
[jQuery] jquery plugin 개발, 제작하기 (0) | 2014.09.25 |
[자바스크립트 소스] 날짜 차이 계산하여 날짜 형태로 리턴하는 함수 참고 (0) | 2014.08.27 |
[Javascript] jQuery를 활용한 동적 로딩 이미지 생성 (0) | 2014.08.26 |