Ext.Resizable实现浮动层可改变大小、可拖动，代码如下：
///
Ext.onReady(function(){
var resizer = new Ext.Resizable('img-id', { //构造函数
wrap:true,
pinned:true,
minWidth:50,
minHeight: 50,
maxWidth: 500,
maxHeight: 400,
preserveRatio: true,
dynamic:true,
handles: 'all', // shorthand for 'n s e w ne nw se sw'
draggable:true
});
var imgEl = resizer.getEl();
// move to the body to prevent overlap on my blog
document.body.insertBefore(imgEl.dom, document.body.firstChild);//插入节点
imgEl.on('dblclick', function(){
imgEl.hide(true);
});
imgEl.hide();
Ext.get('showMe').on('click', function(){
imgEl.center();
imgEl.show(true);
});
});
图像的HTML代码：
执行上述代码，如下图所示：
点击按钮【Show Me】，如下图所示：
文字的HTML代码：
[老子]总体上，道可以被认为是一切事物存在的根源，是自然界中最初的发动者，它具有无限的潜在力和创造力，天地间万物的蓬勃生机都是它发动和创造的，遵循着固有的规律。
点击按钮【Show Me】，如下图所示：
该文字、图像都可以改变大小、可以拖动，效果不做吧。