JavaScript的问题：点击登陆按钮，弹出某div...我是说弹出，而不是简单地更改displ

发布网友 发布时间：2022-04-24 04:25

我来回答

共2个回答

热心网友 时间：2023-10-27 21:08

给你一个非常强大的js函数，可以实现运动效果，包括，透明度，高度，宽度，字体等等。

function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}

//startMove(oDiv, {width: 200, height: 200});

function startMove(obj, json, fnEnd)
{
clearInterval(obj.timer);
var attr;
obj.timer=setInterval(function (){

var bStop=true;//是不是都到了，假设所有的都到了

for(attr in json)
{
var iCur=0;

//取当前位置
if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}

//算速度
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

//到没到

if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}

if(iCur!=json[attr])
{
bStop=false;
}
}

if(bStop)
{
clearInterval(obj.timer);
if(fnEnd)
{
fnEnd();
}
}
//alert(obj.offsetHeight);
}, 30);
}
function $(id)
{
return document.getElementById(id);

}

使用方法：第一个参数是obj表示对象，第二个是个json，表示参数，第三个可有可无。

追问惊现blue老师的徒弟

追答同道中人。。。

热心网友 时间：2023-10-27 21:08

亲，慢慢改变div的宽度可以吗？原来宽度是0，也就是看不见，点击之后慢慢显示出来

热心网友 时间：2023-10-27 21:08

给你一个非常强大的js函数，可以实现运动效果，包括，透明度，高度，宽度，字体等等。

function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}

//startMove(oDiv, {width: 200, height: 200});

function startMove(obj, json, fnEnd)
{
clearInterval(obj.timer);
var attr;
obj.timer=setInterval(function (){

var bStop=true;//是不是都到了，假设所有的都到了

for(attr in json)
{
var iCur=0;

//取当前位置
if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}

//算速度
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);

//到没到

if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}

if(iCur!=json[attr])
{
bStop=false;
}
}

if(bStop)
{
clearInterval(obj.timer);
if(fnEnd)
{
fnEnd();
}
}
//alert(obj.offsetHeight);
}, 30);
}
function $(id)
{
return document.getElementById(id);

}

使用方法：第一个参数是obj表示对象，第二个是个json，表示参数，第三个可有可无。

追问惊现blue老师的徒弟

追答同道中人。。。

热心网友 时间：2023-10-27 21:08

亲，慢慢改变div的宽度可以吗？原来宽度是0，也就是看不见，点击之后慢慢显示出来