有顾客要求，在托运文件盖章后，网上搜索不容易买到，自己有充足的食物和衣物。

老规矩，看看效果如何：




它可以嵌入到各种容器中，并已打包成jQuery插件，方便调用。点击按钮添加一个新的印章，可以自由拖动位置，点击OK保存并触发回调函数，方便保存，有需要的就下载吧。

{ Javaｓｃｒｉｐｔ }
复制代码代码如下所示：
*
属性：jQuery模拟密封
作者：HYF
日期：2012-11-08
* /
美元。fn.zsign =功能（选项）{
无功_s =美元。延长（{
IMG：，
宽度：120，
身高：120，
偏移量：8 边界值
回调：空
选择| |）{ } }；

无功_parent =美元（这）AddClass（'zsign）；
var范围{ {
MinX：_s.offset，
MinY：_s.offset，
MaxX：（_parent。宽度）- _s.width - _s.offset - 18到2 /填充= 8px和2架1px
MaxY: _parent.height () - _s.height - _s.offset - 18
}；

无功_btnpanel = $（封闭）AppendTo（_parent）；
无功_html =确定删除；


无功_add = $（'添加'，_btnpanel）。Click（function（e）{ {）
_add.attr（禁止，禁止的）；
VaR（_html符号=美元）。AppendTo（_parent）；
$（OK，符号）。Click（函数（））{
当然/盖章
Sign.addClass（好的），（'mousedown）。找到（'按钮'）删除（）；
_add.removeattr（禁止的）；
如果（_s。回调）{
_s.callback.call（，{ IMG：_s.img，顶部：parseInt（sign.css（' '）），左：parseInt（sign.css（右））}）；
}
}）；
$（del，符号）。Click（函数（））{
取消/盖章
Sign.remove（）；
_add.removeattr（禁止的）；
}）；

移动事件
Sign.on（'mousedown功能（e）{
sign.data（x，e.clientx）；
sign.data（Y，e.clienty）；
VaR的位置= sign.position（）；
$（document），（'mousemove功能（E1）{ {）
var x = e1.clientx - sign.data（x）+ position.left；
var y = e1.clienty - sign.data（Y）+ position.top；
x = x＜range.minx range.minx：X；
x = x > range.maxx range.maxx：X；
Y = y＜range.miny range.miny：Y；
Y = y > range.maxy range.maxy：Y；

Sign.css（{左：X，Y上：}）；
}），（'mouseup，函数（）{（）{
$（这）了（'mousemove）了（'mouseup）；
}）；
}）；
}）；

$（'取消'，_btnpanel）。Click（function（））{
var =真的；
如果（_add.attr（禁止的）= =禁止）{
如果（！确认）（未确定的封条将被取消，你要关闭吗{）
r = false；
}
}
如果（r）{
不确定印章的位置
$（'。星座：没有（好），_parent）删除（）；
_btnpanel.remove（）；
}
}）；
}；

{样式}
复制代码代码如下所示：
zsign.panel。
{
位置：绝对；
上图：8px；
右：8px；
}
zsign.btn。
{
显示：内联块；
填料：4px 10px 4px；
保证金底部：0；
字体大小：13px；
行高：18px；
颜色：# 333；
文本对齐：中心；
文字阴影：0 1px 1px RGBA（255, 255, 255，0.75）；
垂直对齐：中间；
背景颜色：烟；
背景图像：-webkit-gradient（线性，00, 0 100%，从（白色），以（# e6e6e6））；
Background-repeat: repeat-x;
边框颜色：RGBA（0, 0, 0、0.1）RGBA（0, 0, 0、0.1）RGBA（0, 0, 0，0.25）；
边境：1px solid # CCC；
底部边框颜色：# b3b3b3；
WebKit的边界半径：4px；
盒子的影子：插图0 1px 0 RGBA（255, 255, 255，0.2），0 1px 2px RGBA（0, 0, 0，0.05）；
光标：指针；
WebKit的用户选择：无；
}
。zsign BTN：悬停。
{
颜色：# 333；
文字装饰：无；
背景颜色：# e6e6e6；
背景位置：0 15px；
WebKit的转型：背景位置0.1s线性；
}
。zsign BTN {残疾人}。
{
游标：默认值；
背景图片：无；
背景颜色：# e6e6e6；
不透明性：0.65；
滤镜：alpha（不透明度= 65）；
WebKit的影子：一盒；
-moz盒阴影：没有；
阴影框：无；
}
zsign.cursor。
{
游标：无；
}
zsign.show。
{
显示块；
}
zsign.hide。
{
显示：无；
}

zsign.sign。
{
位置：绝对；
光标移动；
边境：1px冲# CCC；
填料：8px；
显示：WebKit的盒子；
WebKit的纸盒包装：中心；
Webkit框对齐：中心；
}
zsign.sign.ok。
{
游标：默认值；
边框颜色：透明；
}
zsign.sign IMG。
{
马克斯身高：100%；
马克斯宽度：100%；
}
zsign.sign.btn。
{
填料：2px 6px；
字体大小：11px；
行高：14px；
位置：绝对；
}

zsign.sign.btn.del。
{
底部：4px；
右：4px；
}
zsign.sign.btn.ok。
{
底部：4px；
右：50px；
}


{ HTML }
复制代码代码如下所示：



测试








var a = $（#试验）。ZSign（{ IMG：1。gif}）；