中文亚洲精品无码_熟女乱子伦免费_人人超碰人人爱国产_亚洲熟妇女综合网

當前位置: 首頁 > news >正文

姐妹直播河南網(wǎng)站建設優(yōu)化技術(shù)

姐妹直播,河南網(wǎng)站建設優(yōu)化技術(shù),做網(wǎng)站橫幅用什么軟件好,申請企業(yè)郵箱需要什么一、前言 本來項目使用的是OCX方式做簽字的,因為項目需要轉(zhuǎn)到國產(chǎn)化,不在支持OCX方式,需要使用前端進行簽字操作 注:有啥問題看看文檔,或者換著思路來,本文僅供參考! 二、使用組件 獲取jSign…

一、前言

本來項目使用的是OCX方式做簽字的,因為項目需要轉(zhuǎn)到國產(chǎn)化,不在支持OCX方式,需要使用前端進行簽字操作

注:有啥問題看看文檔,或者換著思路來,本文僅供參考!

二、使用組件

獲取jSignature
方法一:jSignature官網(wǎng)
方法二:BootCDN 這里面的各種組件庫挺全面

三、相關代碼

<!DOCTYPE html>
<html lang="zh">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta http-equiv="content-type" content="no-cache"/><meta name="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/><meta name="apple-mobile-web-app-capable" content="yes"><link href="../libs/layui/css/layui.css" rel="stylesheet">
</head>
<style>.layui-layout-admin .layui-header {background-color: #fff;}.layui-layout-admin .layui-body {position: inherit;}.layui-container {margin-top: 64px;}.layui-container img {width: 800px;}
</style>
<body>
<div class="layui-layout layui-layout-admin"><div class="layui-header"><div class="layui-btn-container" style="margin-top: 12px;text-align: center;"><button type="button" class="layui-btn layui-btn-lg" lay-active="sign">簽字</button></div></div><div class="layui-body"><div class="layui-container"><div align="center"><img src="../images/evaluate_bg.png"></div></div></div>
</div><div class="layui-row" id="signDiv" style="display: none;"><div id="signatureparent"><div id="signature" style="border: 2px dotted lightgrey;"></div></div><div class="layui-btn-container" style="text-align: right;margin-top: 15px;"><button type="button" class="layui-btn layui-bg-orange layui-btn-lg" onclick="toReset()">重寫</button><button type="button" class="layui-btn layui-bg-blue layui-btn-lg" onclick="getData()">提交</button><button type="button" class="layui-btn layui-btn-danger layui-btn-lg" onclick="toDestroy();">關閉</button></div>
</div>
<script src="../jquery/jquery-1.8.3.js"></script>
<script src="../libs/jSignature/jSignature.js"></script>
<script src="../libs/layui/layui.js"></script>
<script type="text/javascript">var signature;layui.use(function () {var util = layui.util, $ = layui.$;// 觸發(fā)事件util.on('lay-active', {'sign': function () {// 在此處輸入 layer 的任意代碼layer.open({type: 1, // page 層類型area: ['800px', '430px'],title: '<h3>請簽名:</h3>',shade: 0.6, // 遮罩透明度// shadeClose: true, // 點擊遮罩區(qū)域,關閉彈層closeBtn: 0,anim: 6, // 0-6 的動畫形式,-1 不開啟content: $('#signDiv'),success: function () {signature = $('#signature').jSignature({height: '300px',width: '100%'});//初始化控件}});}});});function toReset() {signature.jSignature('reset');}function getData() {var data = signature.jSignature("getData", "image");var isModified = signature.jSignature("isModified");if (!isModified) {layer.msg('請先完成簽字,在提交');return false;}// 可以添加保存簽字圖片的邏輯,如生成下載鏈接或上傳到服務器}function toDestroy() {signature.jSignature("destroy");layer.closeAll();}
</script>
</body>
</html>

四、效果展示

在這里插入圖片描述
在這里插入圖片描述

在這里插入圖片描述

http://www.risenshineclean.com/news/57210.html

相關文章:

  • 做采集網(wǎng)站賺錢嗎全網(wǎng)自媒體平臺大全
  • h5彩票網(wǎng)站怎么做百度權(quán)重排名查詢
  • 網(wǎng)站畢業(yè)設計圖怎么做培訓學校機構(gòu)
  • 做本地網(wǎng)站賺錢百度收錄的網(wǎng)站
  • 彩票做的最好是個網(wǎng)站好佛山seo培訓機構(gòu)
  • 開發(fā)什么網(wǎng)站好seo名詞解釋
  • 企業(yè)管理研究生學校排名seo引擎優(yōu)化怎么做
  • 一個人做網(wǎng)站原型網(wǎng)絡推廣團隊哪家好
  • 上海浦東新區(qū)建設和交通委員會網(wǎng)站網(wǎng)絡熱詞作文
  • 那個網(wǎng)站做境外自由行便宜電商營銷推廣方案
  • 怎么做有趣的視頻網(wǎng)站軟文范例200字
  • 做簡歷的網(wǎng)站有抖音seo關鍵詞排名技術(shù)
  • 網(wǎng)站建設與制作教程百度競價點擊價格
  • 婚慶公司網(wǎng)站搭建免費com域名申請注冊
  • 公司網(wǎng)站要怎么做正規(guī)電商培訓班
  • 黑龍江電商網(wǎng)站建設廣州seo工程師
  • 杭州濱江網(wǎng)站建設公司整合營銷是什么
  • 河南手機網(wǎng)站建設公司哪家好seo網(wǎng)站關鍵詞排名軟件
  • 月嫂云商城網(wǎng)站建設百度廣告聯(lián)盟下載
  • 揚州市江都區(qū)城鄉(xiāng)建設局網(wǎng)站愛站網(wǎng)關鍵詞排名
  • 中英版網(wǎng)站系統(tǒng)企業(yè)網(wǎng)絡推廣計劃書
  • 上海期貨配資網(wǎng)站開發(fā)上google必須翻墻嗎
  • 服務網(wǎng)絡營銷的含義太原seo推廣
  • 如何做跨境電商新手入門教程seo排名如何
  • 外包客服公司好做嗎首頁排名seo
  • 珠海市網(wǎng)站開發(fā)公司seo競價
  • 怎么做火短視頻網(wǎng)站seo門戶網(wǎng)價格是多少錢
  • 一個ip地址上可以做幾個網(wǎng)站今日新聞聯(lián)播
  • 做網(wǎng)站用什么語言要做網(wǎng)絡推廣
  • 海珠區(qū)有沒有專門做網(wǎng)站的地方全球最大的中文搜索引擎