jQuery

Question

एचटीएमएल केंद्र के लिए एक div चेतन।

मेरे वर्तमान js:

$(document).ready(function() { 
     $("#animate").animate({left: "+=512"}, 2000); 
}); 

और अब मैं सही करने के लिए सिर्फ 512 px के बजाय केंद्र के लिए इसे बनाने के लिए करना चाहते हैं।

Answer 1

मुझे लगता है कि #animate की स्थिति absolute है। अपनी मूल तत्व में तत्व को केंद्रित करने के सिर्फ left करने के लिए अपने माता-पिता की चौड़ाई शून्य से अपनी ही चौड़ाई के आधे के आधे जोड़ें:

$("#animate").animate({ 
    left: $("#animate").parent().width()/2 - $("#animate").width()/2 
}, 2000); 

मैं jsFiddle का उपयोग कर एक demo बनाया।

Answer 2

आप इसे इस तरह से स्क्रीन पर केंद्रित करने के लिए उपयोग कर सकते हैं,

Jquery

$(document).ready(function() { 
    $("#animate").animate({left: $(window).width()/2}, 2000); 
}); 

सीएसएस

<style type="text/css"> 
div 
{ 
    height: 50px; width: 50px; background-color: Red;position:absolute; top:0; left:0; 
} 
</style> 

एचटीएमएल

<div id="container"> 
    <div id="header"> 
     <div id="animate"> 
      cartagena 
     </div> 
    </div> 
</div> 

Answer 3

asuming आप, खिड़की के केंद्र इस कोड का उपयोग करना चाहते हैं:,

$("#myJQUIDialog").parent().position({ 
    my: "center", 
    at: "center", 
    of: window, 
    using: function (pos, ext) { 
     $(this).animate({ top: pos.top }, 600); 
    } 
}); 

इस केंद्र संवाद, और एक ही समय में चेतन एक चिकनी केंद्रित में जिसके परिणामस्वरूप