使用Css或Jquery移动Div

时间:2015-12-08 01:27:13

标签: javascript jquery css css3 transitions

我有一个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
};

2 个答案:

答案 0 :(得分:0)

要向上/向下移动元素,您可以使用JQuery top函数的bottomanimate属性。例如,要将元素向下移动,您可以执行以下操作:

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

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

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

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

答案 1 :(得分:0)

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

那样使用左侧变量

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