jQuery电子印章在线盖章效果-插件特效-星河码客

主要代码;$.fn.zSign = function (options) { var _s = $.extend({ img: '', width: 120, height: 120, offset: 8, //边界值 callBack: null }, options || {}); var _parent = $(this).addClass('zsign'); var range = { minX: _s.offset, minY: _s.offset, maxX: _parent.width() - _s.width - _s.offset - 18, //扣去2个padding=8px以及2个边框1px maxY: _parent.height() - _s.height - _s.offset - 18 }; var _btnPanel = $("

").appendTo(_parent); var _html = "

"; var _add = $('.add', _btnPanel).click(function (e) { _add.attr('disabled', 'disabled'); var sign = $(_html).appendTo(_parent); $('.ok', sign).click(function () { //确定盖章 sign.addClass('ok').off('mousedown').find('.btn').remove(); _add.removeAttr('disabled'); if (_s.callBack) { _s.callBack.call(this, { img: _s.img, top: parseInt(sign.css('top')), left: parseInt(sign.css('left')) }); } }); $('.del', sign).click(function () { //取消盖章 sign.remove(); _add.removeAttr('disabled'); }); //绑定移动事件 sign.on('mousedown', function (e) { sign.data('x', e.clientX); sign.data('y', e.clientY); var position = sign.position(); $(document).on('mousemove', function (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({ left: x, top: y }); }).on('mouseup', function () { $(this).off('mousemove').off('mouseup'); }); }); }); $('.cancel', _btnPanel).click(function () { var r = true; if (_add.attr('disabled') == 'disabled') { if (!confirm("未确定的盖章将被取消，确定要关闭吗？")) { r = false; } } if (r) { //删除未确定位置的盖章 $('.sign:not(.ok)', _parent).remove(); _btnPanel.remove(); } });};

jQuery电子印章在线盖章效果

在线演示积分下载 6毛下载砍两刀下载

文件目录······

暂无数据

猜你喜欢更多»