Php 关于在Javascript中更新img元素类

Php 关于在Javascript中更新img元素类,php,javascript,dynamic,elements,Php,Javascript,Dynamic,Elements,我最近遇到了一个名为GoogleGravity的网站,我认为在我的主页上实现它会很酷。在四处搜索之后,我发现他们的Javascript非常容易使用。我看到一个样本网页编码从它可以看到这里 我想做的是在PHP中创建一个内部计数器变量,这样用户每第n次进入“主页”,比如每第5次,主页就会得到重力效应,即所有div、图像,可能是标题文本。看起来很有趣 所以我决定,在把它编码到我现有的网站之前,我会先用示例页面把它做好,这样我就可以把它全部准备好并且没有bug。这是我从上面的网页上得到的代码和我做的一些

我最近遇到了一个名为GoogleGravity的网站,我认为在我的主页上实现它会很酷。在四处搜索之后,我发现他们的Javascript非常容易使用。我看到一个样本网页编码从它可以看到这里

我想做的是在PHP中创建一个内部计数器变量,这样用户每第n次进入“主页”,比如每第5次,主页就会得到重力效应,即所有div、图像,可能是标题文本。看起来很有趣

所以我决定,在把它编码到我现有的网站之前,我会先用示例页面把它做好,这样我就可以把它全部准备好并且没有bug。这是我从上面的网页上得到的代码和我做的一些修改

在原始代码中,4 img将class='box2d'硬编码到其中

在我的主页上,他们一开始不会附加那个类内容。一旦PHP计数器读取到第5个视图,我将调用一个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();

你能给我一个小的有用的例子,我把它放在哪里,怎么写?我最近才开始学习JS。