1.准备相关图片(1.jpg,2.jpg...n.jgp)

2.编写一个html页面 用以显示图片

          并设置为自动定时更新图片

3.将改html页面 设置为桌面背景

          该“桌面”隔定时自动刷新 更新图片显示

===============================================

1.将自己需要的图片 如英语小卡片 名人名言等

  集结在一个文件夹下 并进行命名 如1.jpg,2.jpg...

  这样在最后的桌面上 就可以学习英语或名言了

2.编写如下示例的html页面 放在该图片文件夹中

  假设该html页面 名称为myPicDesktop.html

 

  其中之所以设置td的宽度为50%

  是想控件图片的显示位置在桌面的右半部

  因为通常桌面的左半部都有很多图标

示例代码如下:


自定义制作 自动定时更换图片的桌面背景 html页面_desktop<html>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop<head>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop</head>

自定义制作 自动定时更换图片的桌面背景 html页面_标签页_04自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_05<script language="javascript">自定义制作 自动定时更换图片的桌面背景 html页面_html_06

自定义制作 自动定时更换图片的桌面背景 html页面_html_07

自定义制作 自动定时更换图片的桌面背景 html页面_html_07window.onload=refleshDesktopPic

自定义制作 自动定时更换图片的桌面背景 html页面_html_07

自定义制作 自动定时更换图片的桌面背景 html页面_html_07function refleshDesktopPic()

自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_11自定义制作 自动定时更换图片的桌面背景 html页面_desktop_12自定义制作 自动定时更换图片的桌面背景 html页面_html_06

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   var i = 1;

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   var j = 0;          //图片的顺序号

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   var k = 8;          //图片的张数

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   var m = 30*1000;    //每张显示的时间 毫秒

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   var n = 2;          //循环遍数

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   //

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   while(i<=(n*k))

自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_11自定义制作 自动定时更换图片的桌面背景 html页面_desktop_12   自定义制作 自动定时更换图片的桌面背景 html页面_html_06{

自定义制作 自动定时更换图片的桌面背景 html页面_html_07      j= i%k;//应该循环第几张图片以显示

自定义制作 自动定时更换图片的桌面背景 html页面_html_07      

自定义制作 自动定时更换图片的桌面背景 html页面_html_07      if(j==0)

自定义制作 自动定时更换图片的桌面背景 html页面_html_07        j=k;//最后一张图片的序号

自定义制作 自动定时更换图片的桌面背景 html页面_html_07

自定义制作 自动定时更换图片的桌面背景 html页面_html_07      //隔一短时间后 再替换为另一张图片

自定义制作 自动定时更换图片的桌面背景 html页面_html_07      setTimeout("setPic("+j+")",(m*i) ); 

自定义制作 自动定时更换图片的桌面背景 html页面_html_07

自定义制作 自动定时更换图片的桌面背景 html页面_html_07      i = i+1; 

自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_33   }

自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_33}

自定义制作 自动定时更换图片的桌面背景 html页面_html_07

自定义制作 自动定时更换图片的桌面背景 html页面_html_07function setPic(picSeqNum)

自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_11自定义制作 自动定时更换图片的桌面背景 html页面_desktop_12自定义制作 自动定时更换图片的桌面背景 html页面_html_06{   

自定义制作 自动定时更换图片的桌面背景 html页面_html_07   document.all.myDiv.innerHTML = "<image id='image2' src='"+picSeqNum+".jpg'></image>";

自定义制作 自动定时更换图片的桌面背景 html页面_显示图片_33}

自定义制作 自动定时更换图片的桌面背景 html页面_标签页_42

自定义制作 自动定时更换图片的桌面背景 html页面_desktop</script>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop<body>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop<table width="100%">

自定义制作 自动定时更换图片的桌面背景 html页面_desktop  <tr>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop    <td width="50%">

自定义制作 自动定时更换图片的桌面背景 html页面_desktop    </td>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop    <td>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop      <div id="myDiv"> 

自定义制作 自动定时更换图片的桌面背景 html页面_desktop         <image id="image1" src="1.jpg"></image>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop      </div>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop    </td>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop </tr>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop</table>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop</body>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop</html>

自定义制作 自动定时更换图片的桌面背景 html页面_desktop


 

3.以Win2003系统为例

  桌面->右键->属性->桌面标签页

  ->自定义桌面->打开“桌面项目”设置框

  ->Web标签页

  ->点击 新建 按钮

  ->打开 “新建桌面项目”设置框

  ->点击 浏览 按钮

  ->找到 第2步所编辑的myPicDesktop.html

  ->确定 ->应用 ->确定

 

  可以查看效果

  起初 该html页面做为桌面 并没有最大化展开

  而是 缩小的显示在桌面的右中部

  可以鼠标放上去 在页面的右上角 点击最大化按钮

  以使html页面有桌面那么大显示

  当想关闭该html页面时 同样点击该页面的右上角的关闭按钮即可

  就像正常的网页一样操作就好