复制代码代码如下所示:
非所有权
文件 # 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)
}
。
高