javascript - 如何使我的标题背景图像在页面刷新时随机化?

标签 javascript

就像标题所说,我正在寻找一种方法,让我的网页标题在每次刷新页面时更改为不同的图像。我正在尝试使用 5 个 .gif,并且需要使用 javascript。我对网络开发相当陌生,但任何帮助将不胜感激。我还需要知道在 css 和 html 中放入什么,但我知道在哪里。

最佳答案

如果您想在客户端完成所有操作,即无需服务器端语言的 JavaScript,那么您需要提供一些背景图像。

<div id="header">
...
</div>
...
<script>
bgimgs = ['1.gif', '2.gif', '3.gif', '4.gif', '5.gif'];
pick = Math.round(Math.random()*bgimgs.length)-1;
img=bgimgs[pick];
header=document.getElementById('header');
header.style.background='transparent url('+img+') no-repeat center center';
header.style.backgroundSize='cover';
</script>

将脚本标记保留在末尾附近,就在正文标记关闭之前。

关于javascript - 如何使我的标题背景图像在页面刷新时随机化?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59187666/

相关文章:

javascript - Nativescript + Angular,如何在嵌套页面路由器导出中到达子路由?

javascript - 有没有办法在 Chrome 中使用 HTML 来更改 Android 中的导航栏颜色?

javascript - 使用 JavaScript 和 cookie 隐藏 block (并记住它)?

Javascript "for"循环函数序列

javascript - dojox.charting 轴标签掉落

javascript - 处理 400 后运行时错误

javascript - 使用 javascript 隐藏显示功能时出错

while 循环中的 Javascript。这是可以接受的做法吗?

javascript - 如何在 JS 正则表达式中将模式与非捕获组匹配

javascript - 获取 no-cors 意外的输入结束