[plugin] 플러그인 소스 - 페이지 로딩, 윈도우 크기 변경 시 선택된 object 위치 이동 :: 소림사의 홍반장!


// 페이지 로딩 선택된 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 카테고리의 포스트를 톺아봅니다