2011-01-17 16 views

उत्तर

23

उदाहरण यहां हैं: इसलिए की तरह http://demos.flesler.com/jquery/scrollTo/

उपयोग:

$.scrollTo('#options-examples', 800, {easing:'easeOutQuad'}); 

ये आसान कार्यों हालांकि में बनाया मत आना। आप jQuery Easing plugin का उपयोग कर सकते हैं।

  • jswing
  • easeInQuad
  • easeOutQuad
  • easeInOutQuad
  • easeInCubic
  • easeOutCubic
  • easeInOutCubic
  • easeInQuart
  • : यह उसके बाद निम्न आसान कार्यों की आपूर्तिeaseOutQuart
  • easeInOutQuart
  • easeInQuint
  • easeOutQuint
  • easeInOutQuint
  • easeInSine
  • easeOutSine
  • easeInOutSine
  • easeInExpo
  • easeOutExpo
  • easeInOutExpo +०१२३४७०९७६३०
  • easeInCirc
  • easeOutCirc
  • easeInOutCirc
  • easeInElastic
  • easeOutElastic
  • easeInOutElastic
  • easeInBack
  • easeOutBack
  • easeInOutBack
  • easeInBounce
  • easeOutBounce
  • easeInOutBounce
+0

डिफ़ॉल्ट easing और "स्विंग" और "कर रहे हैं रैखिक "अगर आप आसान प्लगइन का उपयोग नहीं करना चाहते हैं। – leepowers

+0

यहां एक उपयोगी वेबसाइट है जो मैंने पाया है जो आपको आसान कार्य चुनने में मदद करता है: http://easings.net/ –

1

आप डिफ़ॉल्ट उपयोग यहाँ पा सकते हैं: http://gsgd.co.uk/sandbox/jquery/easing/

यहाँ 'easeOutQuad' का एक उदाहरण है:

function(){ 
jQuery.easing.def = 'easeOutQuad'; 

$('#options-examples').on('click','a', function() { 
    $('#another-option-examples').slideToggle(1000); 
    return false; 
}); 
} 
संबंधित मुद्दे