Подтвердить что ты не робот

Эффект jQuery.slideRight

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

Ответ 1

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

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

            });
    });

JS Fiddle demo.

Без использования пользовательского интерфейса jQuery вы можете достичь своей цели, используя 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 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

Ответ 2

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

например.

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

JS Fiddle