Javascript 如何将div从左滑到右';绝对位置在页面中间?

Javascript 如何将div从左滑到右';绝对位置在页面中间?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我想使用jQuery或Javascript获取我的徽标,当页面加载时,将其从页面左侧滑动,使其停止并停留在页面中间的休息点。(Logo divid=“mylogo”) 同时检查: 如果您表现出您的努力,那么我可以更好地帮助您。您需要计算出它需要移动多远,下面的示例假设为x%,但如果需要,您可以对像素执行此操作 别忘了定位您的徽标,并确保外部元素具有一定的宽度/显示定义 #主{宽度:100%;} #mylogo{边框:1px实心红色;宽度:200px;高度:100px;显示:块;位置:相对}

我想使用jQuery或Javascript获取我的徽标,当页面加载时,将其从页面左侧滑动,使其停止并停留在页面中间的休息点。(Logo div
id=“mylogo”

同时检查:


如果您表现出您的努力,那么我可以更好地帮助您。

您需要计算出它需要移动多远,下面的示例假设为x%,但如果需要,您可以对像素执行此操作

别忘了定位您的徽标,并确保外部元素具有一定的宽度/显示定义


#主{宽度:100%;}
#mylogo{边框:1px实心红色;宽度:200px;高度:100px;显示:块;位置:相对}
$(文档).ready(函数(){
$('#mylogo').animate({left:'+=25%});
});    

您可能会想要这样的东西:

你的问题一点也不清楚,所以很难说我的答案是否真的是正确的

$("div#logo").animate({"marginLeft":"-50px"}, 800);​
和初始CSS:

margin-left: -900px; /* Before slide-in */

你需要有一个现有的尝试,我们可以帮助你。从头开始做别人的工作很无聊。使用jquery函数试试看。如果你被卡住了,发布一个具体的问题。
$("div#logo").animate({"marginLeft":"-50px"}, 800);​
margin-left: -900px; /* Before slide-in */