资源描述:
《基于javascript实现百叶窗动画效果不只单纯flas可以实现》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解基于JavaScript实现百叶窗动画效果不只单纯flas可以实现 看到这种什么百叶窗的动画,以为都是flash实现的,最近突然灵光一闪,想到了用js实现(虽然我不是做前端的,本人做.net)。代码虽然实现了,但是比较乱,先上个图: 一个js的动画,以前以为只有flash可以实现 代码主要就是一些数学的计算,然后结合html,css打造出类似flash的效果。 下面贴出主要的部分代码: functionall(boo
2、ks){ for(vari=;i for(varj=;j if(!books[i][j])returnfalse; } } returntrue; } functionresetBooks(books){ for(vari=;i for(varj=;j books[i][j]=false; }对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有
3、了进一步的了解 } returntrue; } varself=this,timer=null,_iindex=; varinitdir=[[[,],[,]],[[-,],[,]],[[,-],[-,]],[[,-],[,]],[[,-],[,],[,],[-,]]],dir=initdir[]; varweight=[,,,,]; varinitpos=[[{x:,y:-}],[{x:self.columns-,y:-}],[{x:self.columns-,y:self.rows}],[{x:,y:self.rows}],[{x:self.col
4、umns/,y:self.rows/}]]; timer=setInterval(function(){ varn=[]; for(vari=;i var_div=null,x=,y=; for(varj=;j x=self.preDivs[i].x+dir[j][]; y=self.preDivs[i].y+dir[j][]; if(x>=&&y>=&&x self.books[y][x]=true; _div=self.zzDivStatck[y][x]; n.push({x:x,y:y}); _div.style.background
5、Image="url("+self.zzImages[_iindex]+")";对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习,了解了党的发展历程,对党的性质、宗旨、任务等基本知识有了进一步的了解 _div.style.backgroundPositionX=(-x*self.zzDivW)+"px"; _div.style.backgroundPositionY=(-y*self.zzDivH)+"px";
6、} } } self.preDivs=n; if(all(self.books)){ resetBooks(self.books); var_r=util.randomWeight(weight); self.preDivs=initpos[_r]; dir=initdir[_r]; _iindex++; } if(_iindex>=+self.zzImages.length){ _iindex=; } },); 以上代码是使用javascript实现的百叶窗动画效果,希望对大家有所帮助!对党的认识也有了进一步的提高。才真正体会到了中
7、国共产党的伟大、光荣和正确,更感到只有中国共产党是全中国最广大人民利益的忠实代表