(1)先写好内容以及,html,再改变css样式。(2)滑动门效果#container{height:470px;position:relative;overflow:hidden;margin:0 auto;}#container img{position:absolute;left:0;display:block;border-left:1px solid #ccc;}实现图片堆叠。window.onload function(){var box=document.getElementById(container');var imgs=box.getElementByTagName('img');var imgWidth=imgs[0].offsetWidth;var exposeWidth=160;var boxWidth=imgWidth+(imgs.length-1)*exposeWidth;box.style.width=boxWidth+'px';function setImgsPos(){for(var i=1,len=imgs.length;i<len;i++){imgs[i].style.left=imgWidth+exposeWidrh*(i-1)+'px';}}setImgsPos();var translate=imgWidth-exposeWidth;for(i=0,len=imgs.length;i<len;i++){ function(i){img[i].οnmοuseοver=function(){setImgsPos();for(j=1;j<=i;j++){imgs[j].style.left=parseInt(imgs[j].style.left,10)-translate+'px';};