ppt #body{ background-color:black; } img{ cursor:pointer; } #img1{ height:500px; position:absolute; left:0px; top:0; z-index:99; opacity:1; filter:alpha(opacity=100) } #img2{ height:400px; position:absolute; top:0; left:260px; z-index:98; opacity:0.7; filter:alpha(opacity=70) } #img3{ height:400px; position:absolute; top:0; left:-200px; z-index:98; opacity:0.7; filter:alpha(opacity=70) } .ppt_tu{ height:500px; width:333px; margin:0auto; background-color:red; position:relative; } #img_left{ height:100px; position:absolute; top:200px; left:-367px; } #img_right{ height:100px; position:absolute; top:200px; left:600px; } window.onload=function(){ varimg_left=document.getElementById('img_left') varimg_right=document.getElementById('img_right') varimg1=document.getElementById('img1') varimg2=document.getElementById('img2') varimg3=document.getElementById('img3') varalpha=100 vartime=null varce=document.getElementById('ce') img_left.onclick=function(){ ppt_t(img1) //ppt_t(img2) //ppt_t(img3)就是在这里，每一个函数单独运行都好好的，但是再多一个，就会错误 } functionppt_t(obj){ if(obj.offsetLeft==0){ ppt(obj,-10,-10,-200,400,-5) } elseif(obj.offsetLeft==-200){ obj.style.left=260+"px" } elseif(obj.offsetLeft==260){ ppt(obj,-13,10,0,400,+5) } //ppt(img2,-13,0,400,+5) } functionppt(obj,speen,opa,zuo,gao,gao2){ time=setInterval(function(){ if(obj.offsetLeft>(zuo)&&obj.offsetHeight>=gao){ obj.style.left=obj.offsetLeft+speen+"px" obj.style.height=obj.offsetHeight+(gao2)+"px" alpha=alpha+(opa/10);obj.style.filter='alpha(opacity='+alpha+')';obj.style.opacity=alpha/100; } else{ clearInterval(time) } },30) } } </script>
|
微信访问
手机APP
