我最近发现了一个名为Google Gravity的网站，我认为在我的主页上实现它会很酷。在四处搜索后，我发现他们的Javascript可以很容易地使用。我看到了一个由它编码的示例网页，可以在这里看到。http://ankitpatel.info/mygravity/
我想做的是在PHP中创建一个内部计数器变量，这样用户每第n次访问"主页"，比如每第5次，主页就会得到重力效应，即所有的div、图像，可能还有标题文本。看起来很有趣。
所以我决定，在把它编码到我现有的网站之前，我会先用示例页面把它做好，这样我就可以把它全部准备好，而且没有bug。这是我从上面的网页上得到的代码和我做的一些修改。
在原始代码中，4 img将class＝"box2d"硬编码到其中。
在我的主页上，他们最初不会附上那门课。一旦PHP计数器读取了第五个视图，我就会调用一个Javascript函数Gravity（），它将遍历所有div，并为每个div附加一个额外的类，以获得效果。。我说得对吗，这是最好的方法吗？
我试着运行以下程序，但似乎不起作用。然而，如果我手动将class=‘box2d’放在每一个上，它就可以工作了。
我感谢大家对此事的回应。谢谢
<!DOCTYPE html>
<html>
<head>
<title>Bigger Brands - Bigger Gravity (Thanks to Google Gravity js)</title>
<script src="mygravity/ga.js" async="" type="text/javascript"></script>
</head>
<body style="position: static;"onload="getImages()">
<div id="content">
<img src='mygravity/images/facebook-logo.jpg'/>
<img src='mygravity/images/google.jpg'/>
<img src='mygravity/images/twitter.png'/>
<img src='mygravity/images/microsoft-logo.png'/>
</div>
<script src="mygravity/api" type="text/javascript"></script>
<script src="mygravity/defaulten.js" type="text/javascript"></script>
<script src="mygravity/gravityscript.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
function getImages(){
var images = document.getElementsByTagName("img");
var i;
for(i = 0; i < images.length; i++) {
images[i].className += " box2d";
}
}
</script>
</body>
</html>
gravity脚本在初始化时会找到类box2d的所有标记。如果在初始化后添加这些类，则必须在添加这些类后运行以下操作。
init();
run();