在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通过toggle添加动画：

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