JavaScript随机图片显示

最新推荐文章于 2021-10-08 14:45:51 发布

原创最新推荐文章于 2021-10-08 14:45:51 发布 · 292 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

本文介绍如何使用JavaScript创建动态随机图片显示功能，适用于背景装饰或替代传统广告方式，提供创新的视觉体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript随机图片显示，每次刷新一下网页就会载入不同的图片，可以用作广告功能，不过广告商一般都不希望自己的广告是随机显示的，可以考虑用到背景上，随机背景，想像起来不错。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JavaScript随机图片显示</title>
</head>
<body>
<script language="JavaScript">
var how_many_ads = 3
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;

if (ad==1){
url="#";
alt="ad1";
banner="images/1228379135mN6mpjBO.jpg";
}

if (ad==2) {
url="#";
alt="ad2";
banner="images/20071118165814235_2.jpg";
}

if (ad==3) {
url="#";
alt="ad3";
banner="images/20071118171224148_2.jpg";
}

document.write('<center>');
document.write('<a href=\"' + url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner + '\" ');
document.write('alt=\"' + alt + '\" border=0><br>');
document.write('</center>');
--></script>
</body>
</html>