基于JavaScript实现百叶窗动画效果不只单纯flas可以
编程学习 2021-07-04 21:04www.dzhlxh.cn编程入门
看到这种百叶窗效果的动画，以为是用flash做的，狼蚁网站SEO优化通过本文给大家介绍基于JavaScript实现百叶窗动画效果，需要的朋友参考下吧
看到这种什么百叶窗的动画，以为都是flash实现的，最近突然灵光一闪，想到了用js实现（虽然我不是做前端的，本人做.net）。代码虽然实现了，但是比较乱，先上个图：
一个js的动画，以前以为只有flash可以实现
代码主要就是一些数学的计算，然后结合html，css打造出类似flash的效果。
狼蚁网站SEO优化贴出主要的部分代码：
function all(books){
for(var i=;i<self.rows;i++) {
for (var j = ; j < self.columns; j++) {
if(!books[i][j])return false;
}
}
return true;
}
function resetBooks(books){
for(var i=;i<self.rows;i++) {
for (var j = ; j < self.columns; j++) {
books[i][j]=false;
}
}
return true;
}
var self=this,timer=null,_iindex= ;
var initdir=[[[,],[,]],[[-,],[,]],[[,-],[-,]],[[,-],[,]],[[,-],[,],[,],[-,]]],dir=initdir[];
var weight=[,,,,];
var initpos=[[{x:,y:-}],[{x:self.columns-,y:-}],[{x:self.columns-,y:self.rows}],[{x:,y:self.rows}],[{x:self.columns/,y:self.rows