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

1.准备相关图片(1.jpg,2.jpg...n.jgp)
2.编写一个html页面 用以显示图片
          并设置为自动定时更新图片
3.将改html页面 设置为桌面背景
          该“桌面”隔定时自动刷新 更新图片显示
===============================================
1.将自己需要的图片 如英语小卡片 名人名言等
  集结在一个文件夹下 并进行命名 如1.jpg,2.jpg...
  这样在最后的桌面上 就可以学习英语或名言了

2.编写如下示例的html页面 放在该图片文件夹中
  假设该html页面 名称为myPicDesktop.html
 
  其中之所以设置td的宽度为50%
  是想控件图片的显示位置在桌面的右半部
  因为通常桌面的左半部都有很多图标

示例代码如下:

自定义制作 自动定时更换图片的桌面背景 html页面 < html >
自定义制作 自动定时更换图片的桌面背景 html页面
< head >
自定义制作 自动定时更换图片的桌面背景 html页面
</ head >
自定义制作 自动定时更换图片的桌面背景 html页面
< script  language ="javascript" >
自定义制作 自动定时更换图片的桌面背景 html页面
自定义制作 自动定时更换图片的桌面背景 html页面window.onload
=refleshDesktopPic
自定义制作 自动定时更换图片的桌面背景 html页面
自定义制作 自动定时更换图片的桌面背景 html页面
function refleshDesktopPic()
自定义制作 自动定时更换图片的桌面背景 html页面

自定义制作 自动定时更换图片的桌面背景 html页面   
var i = 1;
自定义制作 自动定时更换图片的桌面背景 html页面   
var j = 0;          //图片的顺序号
自定义制作 自动定时更换图片的桌面背景 html页面
   var k = 8;          //图片的张数
自定义制作 自动定时更换图片的桌面背景 html页面
   var m = 30*1000;    //每张显示的时间 毫秒
自定义制作 自动定时更换图片的桌面背景 html页面
   var n = 2;          //循环遍数
自定义制作 自动定时更换图片的桌面背景 html页面
   //
自定义制作 自动定时更换图片的桌面背景 html页面
   while(i<=(n*k))
自定义制作 自动定时更换图片的桌面背景 html页面   
{
自定义制作 自动定时更换图片的桌面背景 html页面      j
= i%k;//应该循环第几张图片以显示
自定义制作 自动定时更换图片的桌面背景 html页面
      
自定义制作 自动定时更换图片的桌面背景 html页面      
if(j==0)
自定义制作 自动定时更换图片的桌面背景 html页面        j
=k;//最后一张图片的序号
自定义制作 自动定时更换图片的桌面背景 html页面

自定义制作 自动定时更换图片的桌面背景 html页面      
//隔一短时间后 再替换为另一张图片
自定义制作 自动定时更换图片的桌面背景 html页面
      setTimeout("setPic("+j+")",(m*i) ); 
自定义制作 自动定时更换图片的桌面背景 html页面
自定义制作 自动定时更换图片的桌面背景 html页面      i 
= i+1
自定义制作 自动定时更换图片的桌面背景 html页面   }

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

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

自定义制作 自动定时更换图片的桌面背景 html页面
自定义制作 自动定时更换图片的桌面背景 html页面
</ script >
自定义制作 自动定时更换图片的桌面背景 html页面
< body >
自定义制作 自动定时更换图片的桌面背景 html页面
< table  width ="100%" >
自定义制作 自动定时更换图片的桌面背景 html页面  
< tr >
自定义制作 自动定时更换图片的桌面背景 html页面    
< td  width ="50%" >
自定义制作 自动定时更换图片的桌面背景 html页面    
</ td >
自定义制作 自动定时更换图片的桌面背景 html页面    
< td >
自定义制作 自动定时更换图片的桌面背景 html页面      
< div  id ="myDiv" >  
自定义制作 自动定时更换图片的桌面背景 html页面         
< image  id ="image1"  src ="1.jpg" ></ image >
自定义制作 自动定时更换图片的桌面背景 html页面      
</ div >
自定义制作 自动定时更换图片的桌面背景 html页面    
</ td >
自定义制作 自动定时更换图片的桌面背景 html页面 
</ tr >
自定义制作 自动定时更换图片的桌面背景 html页面
</ table >
自定义制作 自动定时更换图片的桌面背景 html页面
</ body >
自定义制作 自动定时更换图片的桌面背景 html页面
</ html >
自定义制作 自动定时更换图片的桌面背景 html页面

 

3.以Win2003系统为例
  桌面->右键->属性->桌面标签页
  ->自定义桌面->打开“桌面项目”设置框
  ->Web标签页
  ->点击 新建 按钮
  ->打开 “新建桌面项目”设置框
  ->点击 浏览 按钮
  ->找到 第2步所编辑的myPicDesktop.html
  ->确定 ->应用 ->确定
 
  可以查看效果

  起初 该html页面做为桌面 并没有最大化展开
  而是 缩小的显示在桌面的右中部
  可以鼠标放上去 在页面的右上角 点击最大化按钮
  以使html页面有桌面那么大显示
  当想关闭该html页面时 同样点击该页面的右上角的关闭按钮即可
  就像正常的网页一样操作就好

你可能感兴趣的:(html)