1.准备相关图片(1.jpg,2.jpg...n.jgp)
2.编写一个html页面 用以显示图片
????????? 并设置为自动定时更新图片
3.将改html页面 设置为桌面背景
????????? 该“桌面”隔定时自动刷新 更新图片显示
===============================================
1.将自己需要的图片 如英语小卡片 名人名言等
? 集结在一个文件夹下 并进行命名 如1.jpg,2.jpg...
? 这样在最后的桌面上 就可以学习英语或名言了
2.编写如下示例的html页面 放在该图片文件夹中
? 假设该html页面 名称为myPicDesktop.html
?
? 其中之所以设置td的宽度为50%
? 是想控件图片的显示位置在桌面的右半部
? 因为通常桌面的左半部都有很多图标
示例代码如下:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<script language="javascript">
window.onload=refleshDesktopPic
function refleshDesktopPic()
{
var i = 1;
var j = 0; //图片的顺序号
var k = 3; //图片的张数
var m = 2*1000; //每张显示的时间 毫秒
var n = 2; //循环遍数
//
while(i<=(n*k))
{
j= i%k;//应该循环第几张图片以显示
if(j==0)
j=k;//最后一张图片的序号
//隔一短时间后 再替换为另一张图片
setTimeout("setPic("+j+")",(m*i) );
i = i+1;
}
}
function setPic(picSeqNum)
{
document.all.myDiv.innerHTML = "<image id='image2' src='"+picSeqNum+".jpg'></image>";
}
</script>
<body>
<table width="100%">
<tr>
<td width="50%">
</td>
<td>
<div id="myDiv">
<image id="image1" src="1.jpg"></image>
</div>
</td>
</tr>
</table>
</body>
</html>
?
?其他方法：
<body onload='setInterval("changeBG()",1000)'>
<script>
function changeBG()
{
//随机显示pic1……pic9十张背景图.
document.body.background="pic"+(Math.floor(Math.random()*9+1)+".jpg"));
}
</script>
?
?
其他方法2：
<body onload='setInterval("changeBG()",1000)'>
<script>
//对图片进行预载.
var arr = new Array();
for(var i=1;i<10;i++)
{
arr[i] = new Image();
arr[i].src = "pic" + i + ".jpg";
}
function changeBG()
{
document.body.background="pic"+(Math.floor(Math.random()*9+1)+".jpg"));
}
</script>
?
?
