javascript - 每次点击链接即可更改背景图片

标签 javascript image background hyperlink

<body>
<script language="JavaScript">
<!--

var backImage = new Array();
backImage[0] = "pics/img02.jpg";
backImage[1] = "pics/img03.jpg";
backImage[2] = "pics/img04.jpg";
backImage[3] = "pics/img05.jpg";

function changeBGImage(whichImage){
if (document.body){
document.body.background = backImage[whichImage];
backImage = backImage++;
}
}

//-->
</script>
<a href="javascript:changeBGImage(2)">Change</a>
</body>

抱歉,我不明白我应该如何正确地在这里集成代码 - 希望它仍然有效。我想在这里做什么:更改背景(有效)而不是向背景计数器添加加一,以便下次单击链接时显示下一个背景(无效)。它应该很简单,但我还是无法弄清楚......

最佳答案

使用从 0 计数到 3 的静态计数器。

var cnt = 0;

function changeBGImage(){
  if (document.body){
    document.body.background = backImage[cnt];
    cnt = (cnt+1) % 4; // mod 4
  }
}

关于javascript - 每次点击链接即可更改背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13430633/

相关文章:

javascript - Twitter-Bootstrap 3 中的 JS 冲突

javascript - 将全屏背景图像添加到循环的 Wordpress/Genesis 子主题

mysql - 使用 BLOB 抛出异常将图像上传到数据库

image - Restful API 提供图像

CSS 设计 : Three Divs

php - 使用 CSS 缩小 php 背景图片

css - 链接背景图像

javascript - 将输入类型 "Button"更改为 "Submit Button"以验证 php 表单

javascript - 在哪里可以找到 javascript native 函数源代码?

c# - 如何在 C# 的 Web 应用程序中从服务器加载图像