მეთოდი show

მეთოდი show ნაზად აჩვენებს დამალულ ელემენტებს. ელემენტების დამალვა შესაძლებელია მეთოდის hide გამოყენებით.

სინტაქსი

გამოჩენა მითითებული დროში მილიწამებში, 400მწმ ნაგულისხმევად:

javascript.show(ხანგრძლივობა);

დროის მითითება შესაძლებელია არა მხოლოდ მილიწამებში, არამედ საკვანძო სიტყვებით slow (600მწმ) და fast (200მწმ), რაც უფრო დიდია მნიშვნელობა, მით უფრო ნელია ანიმაცია:

javascript.show('slow' ან 'fast');

თუ პარამეტრები არ მიუთითებთ - ანიმაცია არ მოხდება, ელემენტები მყისიერად გამოჩნდებიან:

javascript.show();

ასევე შესაძლებელია მეორე პარამეტრად გადავცეთ გლუვი ფუნქცია, ასევე მესამედ callback-ფუნქცია - გაეშვება ანიმაციის დასრულების შემდეგ. ორივე პარამეტრი არაა სავალდებულო:

javascript.show(ხანგრძლივობა, [გლუვი ფუნქცია], [callback-ფუნქცია]);

მეთოდს შეგვიძლია გადავცეთ სხვადასხვა ოფციები, JavaScript-ის ობიექტის სახით, რომელიც შეიცავს წყვილებს გასაღები: მნიშვნელობა:

javascript.show(ოფციები);

ასეთ ობიექტს შეუძლია გადასცეს შემდეგი პარამეტრები და ფუნქციები - duration, easing, queue, specialEasing, step, progress, complete, start, done, fail, always. ამ პარამეტრების აღწერილობა თქვენ შეგიძლიათ ნახოთ მეთოდისთვის animate. მაგალითად, დავაყენოთ ხანგრძლივობა და გლუვი ფუნქცია:

javascript.show( {duration: 800, easing: easeInSine} );

მაგალითი

მოდით ღილაკზე დაჭერის შემდეგ, ნაზად გამოვაჩინოთ დამალული აბზაცი მეთოდის show გამოყენებით. საკვანძო სიტყვის slow გადაცემით, ჩვენ დავაყენებთ სიჩქარეს 600მწმ-ზე. ანიმაციის დასრულების შემდეგ გამოვყოფთ კონსოლში 'ანიმაცია დასრულდა':

html<button>გამოაჩინე ტექსტი</button>
<p style="display: none">ტექსტი</p>

javascript$('button').click(function() {
  $('p').show('slow', function() {
    console.log('Animation complete')
  });
});

იხილეთ ასევე