关于更新Javascript中的img元素类
concerning updating img element classes in Javascript
我最近发现了一个名为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();
相关文章:
- 在jquery中更改img标记的类名
- 使用<img>Ember-cli中的src
- JavaScript-从匹配的img标题中删除Class
- 如何在 HTML 中的按钮单击上更改图像(IMG URL 每次来自服务器)
- 如何在wordpress插件中获取jquery中的img url和文件url
- 如何在 jQuery 中的 img.onload = function() 中返回一个变量
- 如何访问嵌套在 h1 标签中的 img 标签元素
- 使用 jquery 仅为 标记中的 img 设置 onfocus 事件
- 标题属性中的 img 标记
- 更改jQuery中的img src
- 关于更新Javascript中的img元素类
- 检测javascript中的img加载
- 从弹出窗口使用jquery替换文本区域中的img src
- 正在为HTML片段中的img标记设置baseUrl
- 点击jQuery读取A中的IMG
- 检查JSON中的img标签,并在JavaScript中更改src
- 更改嵌套alt标记中的img
- 从JavaScript中的img.load()返回img
- 替换regex中的img元素src属性
- jQuery替换's在这个对象中的img src