物体任意值运动框架(包括透明度)move.js
2016-08-13 11:14
375 查看
<script>
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
function startMove(obj,attr,iTarget){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var iCur=0;
if(attr=='opacity'){
iCur=parseInt(parseFloat(getStyle(obj,attr))*100);
}else{
iCur=parseInt(getStyle(obj,attr));
}
var iSpeed=(iTarget-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
if(iTarget==iCur){
clearInterval(obj.timer);
}else{
if(attr=='opacity'){
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
document.getElementById('txt1').value=obj.style.opacity;
}else{
obj.style[attr]=iCur+iSpeed+'px';
}
}
},30);
}
</script>
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
function startMove(obj,attr,iTarget){
clearInterval(obj.timer);
obj.timer=setInterval(function(){
var iCur=0;
if(attr=='opacity'){
iCur=parseInt(parseFloat(getStyle(obj,attr))*100);
}else{
iCur=parseInt(getStyle(obj,attr));
}
var iSpeed=(iTarget-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
if(iTarget==iCur){
clearInterval(obj.timer);
}else{
if(attr=='opacity'){
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
document.getElementById('txt1').value=obj.style.opacity;
}else{
obj.style[attr]=iCur+iSpeed+'px';
}
}
},30);
}
</script>
相关文章推荐
- js运动技术--多物体运动框架(变宽、变高、改变字体、改变border、透明度)以及替换offset的使用
- js运动-改变透明度(单物体)
- js完美多物体运动框架(缓冲运动)
- js改变宽高字体大小透明度多物体模块运动
- js-完美物体运动框架
- JS多物体 任意值 链式 缓冲运动
- js之任意值运动框架
- (42)JS运动之多物体框架--多个div变宽
- js多物体任意值运动
- js运动框架_包括图片的淡入淡出效果
- JS运动框架-move3.js
- 多物体任意值运动框架
- js-多物体运动框架
- js笔记---(运动)通用的move方法,兼容透明度变化
- js多物体运动框架
- js实现多物体不同运动框架
- js改变宽高字体大小透明度多物体模块运动
- 简单的JS多物体的运动---运动和透明度的变化
- js实现多物体运动框架并兼容各浏览器
- JavaScript运动框架 多物体任意值运动(三)