لديك حساب بالفعل؟ دخول
دخول  سجل الأن 
هذا ما يجب تعطيله بعد تثبيت ويندوز 10 علي حاسوبك فيديو: مراجعة ويندوز 10 وأهم مميزات النسخة الرسمية كيفية تغيير خلفية شاشة الدخول على ويندوز 10

awesome way to move a tree and keep its life DIY | 3 Amazing Diet Coke Can Hacks Animation Shows 550 Million Years Of Human Evolution In Seconds
الموقع الآن فى الفترة التجريبية وهذا الجزء غير كامل وجارى العمل عليه، للراغبين في المساعدة برجاء التقدم
[تحسين] توسيط عنصر (div) بالنسبة لاخر (افقيا ورأسيا)

مثال الاستعمال

$(document).ready(function(){
    $('#mainDiv').center();
    $(window).bind('load resize scroll', function() {
        $('#mainDiv').center({transition:300});
    });
);
(function($){
     $.fn.extend({
          center: function (options) {
               var options =  $.extend({ // Default values
                    inside:window, // element, center into window
                    transition: 0, // millisecond, transition time
                    minX:0, // pixel, minimum left element value
                    minY:0, // pixel, minimum top element value
                    withScrolling:true, // booleen, take care of the scrollbar (scrollTop)
                    vertical:true, // booleen, center vertical
                    horizontal:true // booleen, center horizontal
               }, options);
               return this.each(function() {
                    var props = {position:'absolute'};
                    if (options.vertical) {
                         var top = ($(options.inside).height() - $(this).outerHeight()) / 2;
                         if (options.withScrolling) top += $(options.inside).scrollTop() || 0;
                         top = (top > options.minY ? top : options.minY);
                         $.extend(props, {top: top+'px'});
                    }
                    if (options.horizontal) {
                          var left = ($(options.inside).width() - $(this).outerWidth()) / 2;
                          if (options.withScrolling) left += $(options.inside).scrollLeft() || 0;
                          left = (left > options.minX ? left : options.minX);
                          $.extend(props, {left: left+'px'});
                    }
                    if (options.transition > 0) $(this).animate(props, options.transition);
                    else $(this).css(props);
                    return $(this);
               });
          }
     });
})(jQuery);