js可以实现一种扩展div层在右下角收缩的方法。

本文举例说明JS可以固定在右下角扩展div层收缩的方法,供大家参考,具体的实现方法如下:

复制代码代码如下所示:









js实现了可以在右下角展开伸缩的div层。



<!——

*边距:0;填充:0;}

正文{文本对齐:中心;}

#主要{ border: 1px solid红;宽度:1000px;身高:1600px;保证金:0汽车;}

#主要#滚动{宽度:250px;身高:150px;边界:绿色1px solid;文本对齐:左;位置:绝对的;能见度:隐藏;}

#主要#滚动#开放{浮动:左;文本对齐:中心;宽度:180px;}

#主要#滚动#密切{浮动权;}











只有实现核心部分,对于自己的内容完善,还是要继续美化它,应该是好的!

欢迎您的宝贵意见!

关闭



<!——

滚动= document.getelementbyid(滚动)

VaR主要= document.getelementbyid(主要)

VAR开放= document.getelementbyid(开放)

VAR密切= document.getelementbyid(关闭)

滚动。样式可见性可见

runright()函数

{

这里主要是- 4 *显示更好,因为我设置的边界。

滚动。风格。=文件。身体。scrollTop +文档。身体。自己滚动。clientheight-4 +PX

滚动。风格。左=文件。身体。scrollLeft +文档。身体。clientwidth滚动。clientwidth-4 +PX

*很长时间来执行这个函数。

setTimeout(runright()

}

设置高度已被切断。

closebox()函数

{

滚动。风格。高度=滚动。offsetheight-4 +PX

如果(滚动。offsetheight > 20)

{

setTimeout(closebox()

}

其他的

{

关闭样式。

}

}

功能-供应()

{

如果(滚动。offsetheight<148)

{

关闭样式。

滚动。风格。高度=滚动。offsetheight + 2 +PX

setTimeout(Openbox()

}

}

Runright();

















希望本文能对大家的javascript程序设计有所帮助。