html代码循环显示图片
我有七张图片，我希望它每天显示一张，一周一周循环显示，改如何写HTML代码呢，请教高人指点，嘿嘿...
我有七张图片，我希望它每天显示一张，一周一周循环显示，改如何写HTML代码呢，请教高人指点，嘿嘿
展开
2个回答
展开全部
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>每日一图</title>
<script>
var d=new Date();
var weekday=new Array(7);
weekday[0]="image/Sunday.jpg";
weekday[1]="image/Monday.jpg";
weekday[2]="image/Tuesday.jpg";
weekday[3]="image/Wednesday.jpg";
weekday[4]="image/Thursday.jpg";
weekday[5]="image/Friday.jpg";
weekday[6]="image/Saturday.jpg";
var curdayimg=weekday[d.getDay()];
console.log(d.getDay());
</script>
</head>
<body>
<div>
<script>document.write('<img src="'+curdayimg+'" id="weekimg" />');</script>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>每日一图</title>
<script>
var d=new Date();
var weekday=new Array(7);
weekday[0]="image/Sunday.jpg";
weekday[1]="image/Monday.jpg";
weekday[2]="image/Tuesday.jpg";
weekday[3]="image/Wednesday.jpg";
weekday[4]="image/Thursday.jpg";
weekday[5]="image/Friday.jpg";
weekday[6]="image/Saturday.jpg";
var curdayimg=weekday[d.getDay()];
console.log(d.getDay());
</script>
</head>
<body>
<div>
<script>document.write('<img src="'+curdayimg+'" id="weekimg" />');</script>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script language="javascript">
//将七个图片的文件名以“|”为分隔组成一个字符变量，images为图片文件所在文件夹，与网页文件在同一目录下
var pic="images/1.jpg|images/2.jpg|images/3.jpg|images/4.jpg|images/5.jpg|images/6.jpg|images/7.jpg";
p=pic.split("|");
var td=new Date();
i=td.getDay();
document.write("<img src='"+p[i]+"' width=60 height=80>");
//width,height为图片的宽与高
</SCRIPT>
将以上代码插入到网页中你所需要的位置，即可实现你所要求的。
//将七个图片的文件名以“|”为分隔组成一个字符变量，images为图片文件所在文件夹，与网页文件在同一目录下
var pic="images/1.jpg|images/2.jpg|images/3.jpg|images/4.jpg|images/5.jpg|images/6.jpg|images/7.jpg";
p=pic.split("|");
var td=new Date();
i=td.getDay();
document.write("<img src='"+p[i]+"' width=60 height=80>");
//width,height为图片的宽与高
</SCRIPT>
将以上代码插入到网页中你所需要的位置，即可实现你所要求的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
