jquery hide div/image直到页面加载使用display：none

我试图用display：none来隐藏图片/ div，直到页面加载，然后它会从页面左侧滑入。如何在加载页面后显示图像并在此之前不占用页面上的空间。例如：http://jsanim.com/例如（假装像左边的云是'兔子'。）一个新的孩子感谢你的帮助！jquery hide div/image直到页面加载使用display：none

function init(){ 
    var manager = new jsAnimManager(); 
bunnyFly = document.getElementById("bunny"); 

manager.registerPosition("bunny"); 

bunnyFly.setPosition(-1320,100); 

var anim = manager.createAnimObject("bunny"); 

anim.add({property: Prop.position, to: new Pos(320,100), 
duration: 2000}); 
anim.add({property: Prop.positionCircle(false), loop:-1, to: new Pos(-300,150), duration: 3000}); }

来源

2011-02-11 Commandrea

这很简单，只需注册window对象的onload事件处理程序：

function init() {...} 
window.onload = init;

的Window对象在DOM有Function类型的onload成员在对应的Window是将被调用完成加载。

如果您使用jQuery，您可以使用document.ready事件：

$(document).ready(init);

编辑：您可以从任何地方访问window对象在JavaScript代码 - 这是一个全局对象。

Blah.js：您可以通过<script>标签确实是这样做的链接文件

function init() { 
    //your code here... 
} 
window.onload = init; 
//or 
$(document).ready(init);

的index.html：

<!doctype html> 
<html> 
    <head> 
     ... 
    <script src="Blah.js"></script> 
    </head> 
    <body> 
     ... 
    </body> 
</html>

来源

2011-02-11 22:52:12

嗨，雅各布 - 你能详细说一下还是放弃一个链接，以获取更多信息？ window.onload是否在我的链接的js文件或主页上？对不起，请给我一点小数目:) – Commandrea 2011-02-11 22:53:19

谢谢雅各布 - 它对我使用$（document）.ready选项，但是我认为我需要脚本延迟一点时间，因为动画对象的位置似乎在完成加载之前受到页面高度的影响。有时候当它进入页面时它的位置正确，其他时候它太高，太低，等等。我应该问这个问题作为一个单独的问题，但是当我有你在这里时...... :) – Commandrea 2011-02-11 23:46:51

只是包装你的代码

$(document).ready(function() { 
    //put your code here 
    $("#divId").slideDown(); //just an example, use your code for slideLeft 
});

来源

2011-02-11 22:57:29 switz

jquery hide div/image直到页面加载使用display：none

回答

相关问题