заставляя несколько элементов скользить в противоположных направлениях от одного события щелчка - PullRequest
Новая
       19

заставляя несколько элементов скользить в противоположных направлениях от одного события щелчка

0 голосов
/ 06 марта 2011

У меня есть страница «intro», которую я создаю, и я хочу нажать кнопку посередине, которая заставляет два элемента div скользить

, верхний элемент перемещается вверх, а нижний - вниз.вне поля зрения или, что еще лучше, верхний блок скользит вверх и останавливается в определенной точке, а нижний делает то же самое.

как этого достичь?Я посмотрел вокруг, и я очень плохо знаком с javascript, поэтому мне просто нужен точный пример.пожалуйста, не говорите просто, используйте метод .bind ()!потому что я не понимаю, как реализовать это

1 Ответ

1 голос
/ 06 марта 2011

Использовать функцию анимации: 

$(document).ready(function(){
   $('#yourButtonId').click(function(){
      $('#yourTopDivId').animate({
          //css properties - specify new position with css
          top: '0px',
          left: '20px'
      },5000  // animation will run for 5 seconds
      ,function(){
       // what should happen when it's done goes here
       });
   });
   $('#yourButtonId').click(function(){
      $('#yourBottomDivId').animate({
          //css properties - specify new position with css
          bottom: '0px',
          left: '20px'
      },5000  // animation will run for 5 seconds
      ,function(){
       // what should happen when it's done goes here
       });
   });
});

Я не проверял его, но он должен работать.

// редактировать Я проверил это сейчас. Вот ссылка: http://jsfiddle.net/ZCh9x/

...