Question

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

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});  }

Answer 1

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

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

DOM中的Window对象具有onload类型Function成员，当相应的Window加载完成后，将调用该成员。

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

$(document).ready(init);

编辑：您可以从JavaScript代码中的任何位置访问window对象 - 它是一个全局对象。您确实可以通过<script>标记在链接文件中执行此操作：

Blah.js：

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>

Answer 2

将您的代码包装在

中

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

Jquery使用display：none隐藏div / image直到页面加载

2 个答案: