function getStyle(obj,name)
{
if(obj.currentStyle)
{
return obj.currentStyle[name];
}
else
{
return getComputedStyle(obj,false)[name];
}
}
var timer=null;
function move(obj,what,target){
clearInterval(obj.timer);
obj.timer=setInterval(function()
{
var cur=0;
if(what=='opacity')
{
cur=Math.round(parseFloat(getStyle(obj,what)));
}
else{
var cur=parseInt(getStyle(obj,what));
}
var speed=(target-cur)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(cur==target)
{
clearInterval(obj.timer);
}
else
{
if(what=='opacity')
{
obj.style.filter='alpha(opaity:'+(speed+cur)+')';
obj.style.opacity=(speed+cur)/100;
}
else
{
obj.style.width=cur+speed+'px';
}
}
},30);
相关文章
- 07-26案例——原生js模块化开发日历控件
- 07-26浏览器中实现深度学习?有人分析了7个基于JS语言的DL框架,发现还有很长的路要走
- 07-26基于vue的原生js数字滚动
- 07-26WebGL可视化3D绘图框架:Three.js 零基础上手实战
- 07-26原生js操作dom的总结
- 07-26js 控制框架页面跳转 top.location.herf = "url"
- 07-26原生JS上传大文件分享
- 07-26vue+原生js的文件上传流程
- 07-26原生JS 实现元素排序
- 07-26原生js面对对象Tab栏