javascript缓缓展开层的写法

Question

http://blog.csdn.net/zhaoxiaoyang
方法参见该页代码中动态打开popup的函数function dynamicShow()

Answer 1

// JScript 文件
//通用渐入脚本　2006年10月19日22时22分开始//参数说明：obj渐入对像句柄
//dispPos:显示位置（1：自上左向右；2：自左上向下；3：自上右向左；4：自右上向下；5：自下左向右；6：自左下向上；7：自下右向左；8：自右下向上
//time:间隔时间
var Obj,objWidth,objHeight,docWidth,docHeight,timeID,DispPos;function initPosAndCallMove(obj,dispPos,time)
{
    Obj=obj;
    objWidth=obj.offsetWidth;
    objHeight=obj.offsetHeight;
    docWidth = document.body.clientWidth;
    docHeight = document.body.clientHeight;
    obj.style.visibility="visible";
    DispPos=dispPos;
    if(!time)
    {
        time=10;
    }
    
    //1：自上左向右
    if(dispPos==1)
    {
        obj.style.top=0;
        obj.style.left=-objWidth;
        timeID=window.setInterval("moveObj()",time) ;
    }
    
    //2：自左上向下
    else if(dispPos==2)
    {
        obj.style.top=-objHeight;
        obj.style.left=0;
        timeID=window.setInterval("moveObj()",time);
    }
    
    //3：自上右向左
    else if(dispPos==3)
    {
        obj.style.top=0;
        obj.style.left=docWidth;
        timeID=window.setInterval("moveObj()",time);
    }
    
    //4：自右上向下
    else if(dispPos==4)
    {
        obj.style.top=-objHeight;
        obj.style.left=docWidth-objWidth;
        timeID=window.setInterval("moveObj()",time);
    }
    
    //5：自下左向右
    if(dispPos==5)
    {
        obj.style.top=docHeight-objHeight;
        obj.style.left=-objWidth;
        timeID=window.setInterval("moveObj()",time) ;
    }
    
    //6：自左下向上
    else if(dispPos==6)
    {
        obj.style.top=docHeight;
        obj.style.left=0;
        timeID=window.setInterval("moveObj()",time);
    }
    
    //7：自下右向左
    else if(dispPos==7)
    {
        obj.style.top=docHeight-objHeight;
        obj.style.left=docWidth;
        timeID=window.setInterval("moveObj()",time);
    }
    
    //8：自右下向上
    else if(dispPos==8)
    {
        obj.style.top=docHeight;
        obj.style.left=docWidth-objWidth;
        timeID=window.setInterval("moveObj()",time);
    }
}function moveObj()
{
    if(DispPos==1)
    {
        ObjLeft=parseInt(Obj.style.left,10);
        if(ObjLeft>=0)
        {
            window.clearInterval(timeID);
        }
        Obj.style.left=ObjLeft+1;
    }
    else if(DispPos==2)
    {
        ObjTop=parseInt(Obj.style.top,10);
        if(ObjTop>=0)
        {
            window.clearInterval(timeID);
        }
        Obj.style.top=ObjTop+1;
    }
    else if(DispPos==3)
    {
        ObjLeft=parseInt(Obj.style.left,10);
        if(ObjLeft<=docWidth-objWidth)
        {
            window.clearInterval(timeID);
        }
        Obj.style.left=ObjLeft-1;
    }
    else if(DispPos==4)
    {
        ObjTop=parseInt(Obj.style.top,10);
        if(ObjTop>=0)
        {
            window.clearInterval(timeID);
        }
        Obj.style.top=ObjTop+1;
    }
    else if(DispPos==5)
    {
        ObjLeft=parseInt(Obj.style.left,10);
        if(ObjLeft>=0)
        {
            window.clearInterval(timeID);
        }
        Obj.style.left=ObjLeft+1;
    }
    else if(DispPos==6)
    {
        ObjTop=parseInt(Obj.style.top,10);
        if(ObjTop<=docHeight-objHeight)
        {
            window.clearInterval(timeID);
        }
        Obj.style.top=ObjTop-1;
    }
    else if(DispPos==7)
    {
        ObjLeft=parseInt(Obj.style.left,10);
        if(ObjLeft<=docWidth-objWidth)
        {
            window.clearInterval(timeID);
        }
        Obj.style.left=ObjLeft-1;
    }
    else if(DispPos==8)
    {
        ObjTop=parseInt(Obj.style.top,10);
        if(ObjTop<=docHeight-objHeight)
        {
            window.clearInterval(timeID);
        }
        Obj.style.top=ObjTop-1;
    }
    
}
//赶巧了，我也正在开始学习js，参照网上达人的代码，自己写了一个从四个位置、八个方向渐出的脚本。在IE下调试正常，其它的没有调试，哥们将近着用吧。