jQuery .slideRight effect

Question

Мне нужно, чтобы тег div отклонялся в правой части экрана, как мне получить этот эффект с помощью jQuery? Я искал здесь: http://api.jquery.com/category/effects/sliding/ и, похоже, это не то, что я ищу ...

Answer 1

Если вы хотите включить библиотеку jQuery UI, в дополнение к самому jQuery, то вы можете просто использовать hide(), with additional arguments следующим образом:

$(document).ready(
    function(){ 
     $('#slider').click(
      function(){ 
       $(this).hide('slide',{direction:'right'},1000); 

      }); 
    }); 

JS Fiddle demo.

---

Без использования JQuery UI, вы могли бы достичь своей цели только с помощью animate():

$(document).ready(
    function(){ 
     $('#slider').click(
      function(){ 
       $(this) 
        .animate(
         { 
          'margin-left':'1000px' 
          // to move it towards the right and, probably, off-screen. 
         },1000, 
         function(){ 
          $(this).slideUp('fast'); 
          // once it's finished moving to the right, just 
          // removes the the element from the display, you could use 
          // `remove()` instead, or whatever. 
         } 
         ); 

      }); 
    }); 

JS Fiddle demo

Если вы решите использовать JQuery UI, то я бы рекомендовал линкующего Код, размещенный в Google, по адресу: https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js

Answer 2

Другим решением является использование .animate() и соответствующего CSS.

например.

$('#mydiv').animate({ marginLeft: "100%"} , 4000);