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程序设计有所帮助。