创建运动函数startMove(obj,attr,iTarget)
来源:互联网 发布:如何评价太祖知乎 编辑:程序博客网 时间:2024/06/03 19:00
//获取对象的属性
function getStyle(obj, name)
{
if(obj.currentStyle)
{
return obj.currentStyle[name];
}
else
{
return getComputedStyle(obj, false)[name];
}
}
//运动函数的构造(对象,属性,目标)
function startMove(obj, attr, iTarget)
{
//清除时间间隔
clearInterval(obj.timer);
//清除时间间隔
obj.timer=setInterval(function (){
var cur=0;
//透明度的设置
if(attr=='opacity')
{
cur=Math.round(parseFloat(getStyle(obj, attr))*100);
}
//除了透明度以外的属性设置
else
{
cur=parseInt(getStyle(obj, attr));
}
//速度的设置
var speed=(iTarget-cur)/6;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if(cur==iTarget)
{
clearInterval(obj.timer);
}
else
{
if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(cur+speed)+')';
obj.style.opacity=(cur+speed)/100;
document.getElementByIdx_x_x_x('txt1').value=obj.style.opacity;
}
else
{
obj.style[attr]=cur+speed+'px';
}
}
}, 30);
}
调用的方法如下:
oBtnPrev.onmouseover=oMarkLeft.onmouseover=function ()
{
startMove(oBtnPrev, 'opacity', 100);
};
阅读全文
0 0
- 创建运动函数startMove(obj,attr,iTarget)
- 创建链式运动startMove(obj,json,fnEnd)
- 完美运动框架——getStyle(obj,attr)、startMove(obj,json,fn)
- attr函数
- jQuery $obj.val() vs $obj.attr(“value”){转}
- HTML5_旋转轮播-电子相册-新startMove函数写无缝轮播
- jQuery.attr() 函数详解
- jQuery.attr() 函数详解
- jquery中的attr函数attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr
- 浅谈attr() 和prop() 函数
- javascript 运动函数
- 封装js运动函数
- javascript运动事件函数
- JS缓冲运动函数
- 封装运动函数
- attr
- attr()
- attr()
- Oracle字符拼接函数中文乱码问题
- 常见面试题整理--数据库篇(每位开发者必备)
- MFC之Edit控件循环显示日志
- 【Nova】nova-network网络模型之flatdhcp网络-代码学习2
- 直播推流实现RTMP协议的一些注意事项
- 创建运动函数startMove(obj,attr,iTarget)
- 城市列表
- STL队列
- mysql远程访问错误:access denied for user xxxx@xxxx(using password:YES)
- Jury Marks <思维题>
- JFreeChart画图形插件的使用
- java初级开发面试题全集(下)
- 剑指Offer----二叉树的镜像
- IDEA配置github并上传项目