手机版 | ------------全站资源有,统一解压码,解码平台,请点这里 ------------ 设首页 | 加收藏
当前位置: 网站首页 > jQuery库 > 文章 当前位置: jQ > 文章

jQuery显示隐藏和复制表单密码字段插件

时间:2020-06-25    点击: 次    来源:网络    作者:佚名 - 小 + 大

jQuery显示隐藏和复制表单密码字段插件
简要教程

jQuery-peeper是一款jQuery显示隐藏和复制表单密码字段插件。该插件提供多种方式显示和隐藏表单password字段的密码,并额外提供复制密码字段为纯文本的功能。

使用方法

安装

npm install jquery-peeper                                    

在页面中引入下面的文件。

<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>                          

jQuery显示隐藏和复制表单密码字段插件

初始化插件
$(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    });});                  

 该jQuery显示隐藏和复制表单密码字段插件的github网址为:https://github.com/msztorc/jquery-peeper

 jQuery显示隐藏和复制表单密码字段插件 本地下载

上一篇:炫酷js和CSS3鼠标跟随图片序列动画特效

下一篇:jQuery背景动画特效插件starlight.js

推荐阅读
浙ICP备14024822号  |   QQ:79720816  |  地址:蚂蚁分享-一个只做有用的分享。  |  电话:13388629007  |  
Copyright © 2020 天人文章管理系统 版权所有,授权www.antqq.com使用 Powered by 55TR.COM