js框架包括的_淡入淡出效果

js框架包括的_淡入淡出效果
复制代码代码如下所示:

非所有权文件
# DIV1 {宽度:100px;身高:100px;背景:# CCC;位置:绝对;顶部:0px;左:0px;}
# DIV2 {宽度:100px;身高:100px;背景:# CCC;位置:绝对;左:0px;顶部:110px;}
# div3 {宽度:100px;身高:100px;背景:红色;位置:绝对;左:220px;顶部:0px;过滤器:α(不透明度:30);不透明度:0.3;}
# DIV4 {宽度:100px;身高:100px;背景:红色;位置:绝对;左:330px;顶部:0px;过滤器:α(不透明度:30);不透明度:0.3;}
# DIV5 {宽度:100px;身高:100px;背景:红色;位置:绝对;左:440px;顶部:0px;过滤器:α(不透明度:30);不透明度:0.3;}
窗口的指针()函数
{
odiv1 = document.getelementbyid(联赛);
odiv2 = document.getelementbyid(格式);
ODiv3=document.getElementById (div3);
odiv4 = document.getelementbyid(DIV4 );
odiv5 = document.getelementbyid(下);

odiv1。onmouseover =函数(){
移动(odiv1,宽
/ /警报(getstyle(odiv1,宽度));
}
odiv1。onmouseout=函数(){
移动(odiv1,宽
}
odiv2。onmouseover =函数(){
移动(odiv2,高
}
odiv2。onmouseout=函数(){
移动(odiv2,高
}
odiv3。onmouseover =函数(){
移动(odiv3,不透明
}
odiv3。onmouseout=函数(){
移动(odiv3,不透明
}

odiv4。onmouseover =函数(){
移动(odiv4,不透明
}
odiv4。onmouseout=函数(){
Move (oDiv4, Opacity
}
odiv5。onmouseover =函数(){
移动(odiv5,不透明
}
odiv5。onmouseout=函数(){
移动(odiv5,不透明
}
}
获取行样式
功能getstyle(obj,ATTR) / / getstyle非隔行属性结果值是*** PX
{ if(obj。currentstyle)
{
返回的对象。currentstyle {属性};
}
别的{
返回getcomputedstyle(obj,false){属性};
}
}
多对象不同运动框架
功能移动(obj,属性、指标)
{
ClearInterval(obj。定时器);
obj。定时器= setInterval(){()函数(
如果(attr = = 不透明)
{我= parseFloat(getstyle(obj,ATTR))* 100;
速度=(指标CUR) / 10;
速度=速度> 0math.ceil(速度):Math.floor(速度);

如果(我= =指标)
{
ClearInterval(obj。定时器);
}其他
{当前=速度;
obj。风格。不透明度=电流 / 100;
obj。风格。过滤器=Alpha(透明度:+我+);
}
}
其他的
{
电流= parseInt(getstyle(obj,ATTR));
速度=(指标CUR) / 10; / / parseInt得到的值转换为一个数字
速度=速度> 0math.ceil(速度):Math.floor(速度); / /下把它

如果(我= =指标)
{
ClearInterval(obj。定时器);
}其他
{
obj。风格{属性} =电流+速度+PX;
}
}

},30)
}



免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部