首页 电脑 电脑学堂 查看内容

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

2015-10-27 11:41 1659 0

摘要: 本文实例讲述了javaScript实现可缩放的显示区效果代码。分享给大家供大家参考,具体如下:这里演示可缩放的显示区,采用JS代码实现,鼠标按住区域的右下角,出现拖放箭头时,向下或向上拉,就可实现缩放操作,当区域 ...
关键词: 代码 javaScript 效果 演示 鼠标 具体 区域 右下角 箭头 边框

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

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

运行效果截图如下:

在线演示地址如下:

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

具体代码如下:

[代码]JS代码:






可缩放的显示区

 

请在边框处拖动鼠标

 

 

 

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

声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

最新评论

返回顶部