![炫酷企业建站作品展示WordPress中文模板](https://static.22vd.com/wp-content/uploads/2020/12/2020121423190712.jpg)
jQuery-peeper 是一款 jQuery 显示隐藏和复制表单密码字段插件。该插件提供多种方式显示和隐藏表单 password 字段的密码,并额外提供复制密码字段为纯文本的功能。
在页面中引入下面的文件。
<link rel="stylesheet" href="/jquery-peeper/dist/css/jquery-peeper.min.css" />
<script src="/path/to/jquery.js"></script>
<script src="/path/to/jquery-peeper.min.js"></script>
$(function() {
$("#password1").peeper();
});
$(function() {
$("#password1").peeper({
showEvent: 'mouseup', // event to show password
showElement: '.peeper-mask', // DOM element (eg. button to show password)
mask: true, // show mask
maskOpacity: 1, //mask opacity (eg. 0.5)
autohide: true, // hide password after time
autohideTime: 4000, // hide password time in ms
maskCss: 'gray', // mask style (eg. red, green, blue or custom)
showPasswordCss: 'fa fa-key', // show password icon/style
copyPasswordCss: 'fa fa-copy', // copy password icon/style
showCopyBtn: true, // copy password button
showPasswordBtn: true, // show password button
animateDuration: 300 // mask animation time
});
});
Github 网址:https://github.com/msztorc/jquery-peeper
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!