111

lector(‘.arraw’);
var lis = document.querySelectorAll(‘li’);
var json = [ // 包含了5张图片里面所有的样式
{ // 1
width:400,
top:20,
left:100,
opacity:20,
z:2,
id:1
},
{ // 2
width:600,
top:70,
left:50,
opacity:60,
z:3,
id:2
},
{ // 3
width:800,
top:100,
left:200,
opacity:100,
z:4,
id:3
},
{ // 4
width:600,
top:70,
left:550,
opacity:60,
z:3,
id:4
},
{ //5
width:400,
top:20,
left:650,
opacity:20,
z:2,
id:5
}
];
box.addEventListener(‘mouseover’, function(){
// console.log(‘aaa’)
animate(arraw, {opacity: 100});
});
box.addEventListener(‘mouseout’, function(){
// console.log(‘aaa’)
animate(arraw, {opacity: 0});
});

var next = document.querySelector(‘.next’);
var prev = document.querySelector(‘.prev’);
var timer = null;
var flag = true;
next.addEventListener(‘click’, function(){
// alert(‘next’);
// console.log(json);
// console.log(‘================’)
clearInterval(timer);
if(flag == true){
move(true);
flag = false;
}
//console.log(json);
});
next.addEventListener(‘mouseleave’, function(){

clearInterval(timer);
//alert(‘next’)
run();
//console.log(json);

});
prev.addEventListener(‘click’, function(){
clearInterval(timer);
// alert(‘prev’)
if(flag == true){
move(false);
flag = false;
}
});
prev.addEventListener(‘mouseleave’, function(){
// alert(‘prev’)
// clearInterva(timer);
run();
});

move();
run();
function run(){
clearInterval(timer);
timer = setInterval(function(){
// console.log(‘run’)
if(flag == true){
flag = false;
move(true);
}
// console.log(json)
},500);
}

function move(x){
if(x != undefined){
if(x){
json.push(json.shift());
}else{
json.unshift(json.pop());
};
};

for(var i = 0; i 0? Math.ceil(step) : Math.floor(step);
leader = leader + step;
if(k == ‘opacity’){
obj.style[k] = leader/100;
obj.style[‘filter’] = ‘alpha(opacity=’+ leader +’)’;
}else if(k == ‘zIndex’){
obj.style[‘zIndex’] = json[k];
console.log(666);
}else{
obj.style[k] = leader + “px”;
}
if(leader != json[k]){
stoped = false;
}
};
if(stoped){
// console.log(‘stop’)
clearInterval(obj.timers);
callback && callback();
};
},50);
};
//获取属性值
function getStyle(obj, attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return window.getComputedStyle(obj, null)[attr];
};
};


Next:

Leave a Reply