<script type="text/javascript">
window.onload = function(){
var content = document.getElementsByClassName('content')[0];
var A = document.getElementsByTagName('a');
for(var i = 0; i<A.length; i++){
A[i].onmouseenter = function(){
var _this = this.getElementsByTagName('i')[0];
move(_this,{top:-25,opacity:0},function(){
_this.style.top=35 + 'px';
move(_this,{top:20,opacity:100},function(){
//_this.style.opacity = 1;
});
});
}
}
}
function move(obj,json,fu){
clearInterval(obj.time);
obj.time = setInterval(function(){
for(var attr in json){
var flag = true;
var icur = 0;
if(attr == 'opacity'){
icur = Math.round(parseFloat(getStyle(obj,attr))*100);
}else{
icur = parseInt(getStyle(obj,attr));
}
var speed = 0;
speed = (json[attr] - icur)/8;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(icur != json[attr]){
flag = false;
}
if(attr == 'opacity'){
obj.style[attr] =(icur+speed)/100;
obj.style.filter='alpha(opacity:'+(icur+speed)+')';
}else{
obj.style[attr] = icur+speed + 'px';
}
if(flag){
clearInterval(obj.time);
if(fu){
fu();
}
}
}
},10);
}
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
</script>
终于找到原因了,可是想不太懂为什么?
我也是这个问题,什么原因啊
if(flag){
clearInterval(obj.time);
if(fu){
fu();
}
要放到for(var attr in json){}之外。自己能找到原因真是太好了