javaScript实现可缩放的显示区效果代码

本文实例讲述了javaScript实现可缩放的显示区效果代码。分享给大家供大家参考,具体如下:

这里演示可缩放的显示区,采用JS代码实现,鼠标按住区域的右下角,出现拖放箭头时,向下或向上拉,就可实现缩放操作,当区域较小时显示滚动条,平时也比较常见的效果,在此将JavaScript代码与大家分享。

运行效果截图如下:

javaScript实现可缩放的显示区效果代码_第1张图片

在线演示地址如下:

http://demo.jb51.net/js/2015/js-ksf-box-style-demo/

具体代码如下:



可缩放的显示区




可缩放的显示区

 

请在边框处拖动鼠标

 

 

 

希望本文所述对大家JavaScript程序设计有所帮助。

你可能感兴趣的:(javaScript实现可缩放的显示区效果代码)