流行的首页大屏幕广告代码

创建新的HTML文件       

在之间插入调用js的代码：

js源码如下：var h = 0; //设置当前显示高度  function loadImage(url,callback){   var img = new Image();   img.src = url;   if(img.complete){ //判断图片是否加载完成   callback.call(img);   return;   }   img.onload = function(){ //图片加载   callback.call(img);   }  }  function imgLoaded(){   document.getElementById('myImgs').src = this.src; //获得图片地址   showImage(this.height); //图片展开  }  function showImage(height){   if(h < height){   h = h + 5;   }else{   setTimeout('hideImage('+height+')',10000); //图片全部展开后，设置多少秒之后关闭图片   return;   }   var div = document.getElementById('myDiv');   var img = document.getElementById('myImgs');   div.style.display = 'block';   div.style.height = h + 'px';   setTimeout('showImage('+height+')',30);  }  function hideImage(height){   //alert(height);   if(h > 0){   h = h - 5;   }else{   var divs = document.getElementById('myDiv');   divs.style.display = 'none'; //图片关闭后隐藏该层   return;   }   var div = document.getElementById('myDiv');   var img = document.getElementById('myImgs');   div.style.display = 'block';   div.style.height = h + 'px';   setTimeout('hideImage('+height+')',30);  }

修改

在页面中调用图片：

过了一会图片就会推出来，

再过一会又会推回去