表单/表格
显示隐藏和复制表单密码字段jQuery插件
PetitQ
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主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
