}
.zsign .hide
{
display: none;
}
.zsign .sign
{
position: absolute;
cursor: move;
border: 1px dashed #ccc;
padding: 8px;
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
}
.zsign .sign.ok
{
cursor: default;
border-color:transparent;
}
.zsign .sign img
{
max-height: 100%;
max-width: 100%;
}
.zsign .sign .btn
{
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
position: absolute;
}
.zsign .sign .btn.del
{
bottom: 4px;
right: 4px;
}
.zsign .sign .btn.ok
{
bottom: 4px;
right: 50px;
}
[html]
<!DOCTYPE html>
<html>
<head>
<title>测试</title>
<link href=”jquery.zsign.css” rel=”stylesheet” type=”text/css” />
<script src=”jquery-1.7.1.min.js” type=”text/javascript”></script>
<script src=”jquery.zsign.js” type=”text/javascript”></script>
</head>
<body>
<div id=”test” style=”width:800px;height:500px;border:1px solid red;margin:40px auto; position:relative;”></div>
<script>
var a =$(“#test”).zSign({ img: ‘1.gif’});
</script>
</body>
</html>
