imgareaselect-outer
未选择区域，由四个divs组成
下面的对象示意图展示了这插件的这些元素如何布置的：
其中的前缀”imgareaselect”是默认的前缀，可以通过”classPrefix“选项来修改。这在当有许多选择框需要分别操作（比如修改样式）的时候特别有用。
６、回调函数
回调函数（当设置onInit, onSelectStart, onSelectChange或 onSelectEnd选项）接收两个参数，第一个选项是这个插件所应用图像的引用，另外一个则是呈现当前选择的对象，这个对象有六个性质。
性质 | 描述 |
x1 y1 | 选择区域左上角的坐标 |
x2 y2 | 选择区域右下角的坐标 |
width | 选择区域的宽度 |
height | 选择区域的高度 |
为了便于理解，下面给出当选择完后执行的回调函数的例子：
$(‘img#photo’).imgAreaSelect({
onSelectEnd: function (img, selection) {
alert(‘width: ‘ + selection.width + ‘; height: ‘ + selection.height);
}
});
７、键盘支持
如果选项”keys”设置为true,那么我们能够通过键盘上的按键进来选择框的移动。下面的键可以使用，默认的功能如下：
