使用Css或Jquery移动Div

Question

我有一个css div，我想移动。 Css过渡和Jquery上下滑动可以扩展或减小元素大小。左右Jquery动画是迄今为止我发现的最好的动画。不过我还想上下移动。你能用Jquery动画做到吗？如果是这样的话。如果没有，有办法使用Javascript Jquery或Css

这是我的代码。

enum {
   NSCaseInsensitiveSearch = 1,
   NSLiteralSearch = 2,
   NSBackwardsSearch = 4,
   NSAnchoredSearch = 8,
   NSNumericSearch = 64,
   NSDiacriticInsensitiveSearch = 128,
   NSWidthInsensitiveSearch = 256,
   NSForcedOrderingSearch = 512,
   NSRegularExpressionSearch = 1024
};

Answer 1

要向上/向下移动元素，您可以使用JQuery top函数的bottom或animate属性。例如，要将元素向下移动，您可以执行以下操作：

$("#purplecircle1").animate({top: '-x%'});

并且类似于向上移动元素：

$("#purplecircle1").animate({top: 'x%'});

其中x是您想要移动值的整数值。您可以省略％unit以使用像素。

Answer 2

要上下移动，您可以使用顶部或底部变量，而不是像32

那样使用左侧变量

您可以根据自己的要求更改价值。