jquery - 在一个 Div 中飞入浏览器的中心

Question

我想知道是否有任何有用的教程可以教您通过使用 Jquery 滑入或使 div 飞入用户视图，然后在关闭时飞出视图？

谢谢

Answer 1

您可以使用 jquery 和 CSS DEMO http://jsfiddle.net/KtUEL/90/

CSS

#flyin  {width:100px; height:100px; background:#efefef; position:absolute; left:-100px;}

jQuery

// Calculate current broser width.
var currWidth = $(window).width();
console.log(currWidth);

var startPos = -100;
var endPos = (currWidth / 2) + (startPos / 2);
console.log(endPos);

$('#flyin').animate({left: endPos}, 1000);

Answer 2

没有必要。您可以通过创建 div 容器来切换可见性状态。jQuery 通过切换添加动画

http://api.jquery.com/animate/