jQuery .slideRight效果

我需要一个div标签在屏幕的右侧滑出,我如何使用jQuery获得这个效果?我一直在寻找: http://api.jquery.com/category/effects/sliding/,它似乎不是我正在寻找…

解决方法

如果您愿意包含 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.
                        }
                        );

            });
    });

@L_403_5@

如果您确实选择使用jQuery UI,那么建议您连接到Google托管的代码https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js

相关文章

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进...
扩展jQuery插件和方法的作用是非常强大的,它可以节省大量开发时间。 入门 编写一个jQuery插件开始于给...
最近项目中需要实现3D图片层叠旋转木马切换的效果,于是用到了jquery.roundabout.js。 兼容性如图: ht...
一、什么是deferred对象? 开发网站的过程中,我们经常遇到某些耗时很长的javascript操作。其中,既有异...
AMD 模块 AMD(异步模块定义,Asynchronous Module Definition)格式总体的目标是为现在的开发者提供一...