图片素材第一：背景图片： 。

云图：——33543354354354——有一张图片D~选择所有图片就可以看到了(因为背景是白色的，云也是白色的~).CSS代码：复制代码如下： Style Type=' text/CSS ' * { margin 3360 0；padd : 0；} body { background : URL(' Images/body _ BG . jpg ')重复中心0已修复；} .cloud { background : URL(' Images/cloud 1 . png ')；高度： 250 px；宽度： 580 px；绝对位置：} .hScroll { overflow:隐藏；} /style明白：hScroll是隐藏浏览器的滚动条；别人会明白怎么回事，我也不会瞎说。正文中的代码：复制代码如下： body on load=' start move()' div class=' cloud ' id=' move cloud '/div/body。理解：页面加载时调用StarMove()函数；Javascript的代码：复制的代码如下：脚本语言=' JavaScript '类型=' text/JavaScript ' varcloud=null；var left=0；document . document element . class name=' hScroll '；函数StartMove(){ cloud=document . getelementbyid(' move cloud ')；设置间隔(移动，100)；}函数Move(){ left=1；cloud . style . left=left ' px '；if(left=(screen . width)){ left=-580；} }/脚本理解：document . document element . name=' hs croll '；它以css样式调用代码，目的是隐藏浏览器的滚动条(废话.如上所述_ | |)。首先，我们需要得到“云”层的id，所以我们使用cloud=document . getelementbyid(' move cloud ')；Cloud是一个全局变量，上面已经定义好了，可以直接在这里使用(老鸟不喷，给新鸟看)。然后给他一个“定时器”设置间隔(移动，100)。每100毫秒调用一次Move函数；左=1；相当于left=left 1；和上面的函数一起使用(每100ms ~调用一次)，然后赋给“云”层的原始坐标；因此写成cloud . style . left=left ' px '；什么事？你问我还剩什么。他是css风格中位置的属性！不信你在DW写个位置冒号看看他出来没有？if(left=(screen . width))；左=-580；也就是说，如果“浮云”移动的位置(从左边)大于等于屏幕的宽度，我们会让他从头开始，将左边的值设置为-580；为什么-580？在CSS里面看，云的图片大小是580*250，也就是它的长度是580px所以设置为-580，让它从右边稍微显示一下，不然一上来就显示整个画面，好恐怖~浪费了很久。不知道大家(跟我是一个菜的)懂不懂。以下是完整的代码。将其保存为。html文件，并尝试它。自己下载图片，别忘了换路径！完整代码：复制代码如下：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www . w3 . org/TR/XHTML 1/DTD/XHTML L1-transition . DTD ' html xmlns=' http://www . w3 . org/1999/XHTML '头部标题背景图片移动/标题style type=' text/CSS ' * { margin 3360；padd : 0；} body { background : URL(' Images/body _ BG . jpg ')重复中心0已修复；} .cloud { background : URL(' Images/cloud 1 . png ')；高度： 250 px；宽度： 580 px；绝对位置：} .hScroll { overflow:隐藏；} /style脚本语言=' JavaScript ' type=' text/JavaScript ' var cloud=null；var left=0；document . document element . class name=' hScroll '；函数StartMove(){ cloud=document . getelementbyid(' move cloud ')；设置间隔(移动，100)；}函数Move(){ left=1；cloud . style . left=left ' px '；if(left=(screen . width)){ left=-580；} }/script/head body on load=' StartMove()' div class=' cloud ' id=' moveCloud '/div/body/html