`

定时更换图片的桌面背景 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>
<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>

 

 

分享到:
评论

相关推荐

    C#示例(配套光盘源码)第四部分

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 212 ...

    C#示例(配套光盘源码)第五部分

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 212 ...

    C#示例(配套光盘源码)第三部分

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 212 ...

    C#示例(配套光盘源码)第一部分

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 212 ...

    明日科技C#示例源码

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写...

    C#示例(配套光盘源码)第二部分

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 212 ...

    明日科技C#示例源码.part01

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技C#示例源码.part03

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技C#示例源码.part04

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技C#示例源码.part02

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技《C#示例源代码》(13-16)

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技《C#示例源代码》(17-20)

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技《C#示例源代码》(5-8)

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    明日科技《C#示例源代码》(9-12)

    实例054 利用API设置桌面背景 196 实例055 音乐风景桌面 198 实例056 定时关闭计算机 201 实例057 设置任务栏时间 205 实例058 CPU使用率 206 实例059 进程管理器 209 实例060 数字大小写转换 ...

    C#开发实例大全(基础卷).软件开发技术联盟(带详细书签) PDF 下载

    实例184 随机更换主界面背景 237 实例185 磁性窗体的设计 238 实例186 制作鼠标穿透窗体 246 实例187 窗体换肤程序 247 8.4 窗体动画 250 实例188 窗体中的滚动字幕 250 实例189 动画显示窗体 251 实例190 制作类似...

    C#编程经验技巧宝典

    111 &lt;br&gt;0184 如何在ASP.NET中获取文件的扩展名 111 &lt;br&gt;0185 如何在ASP.NET中用URL在页面之间传值 112 &lt;br&gt;0186 如何使用IsPostBack实现ASP.NET页面加载 112 &lt;br&gt;0187 如何利用输出缓存技术缓存...

Global site tag (gtag.js) - Google Analytics