密码输入框
金额隐藏
金额:¥888888.88
引入:
<link href="YIQI-UI/YIQI-UI.min.css?yiqi-ui" rel=stylesheet>
<script src="YIQI-UI/jquery-2.1.1.min.js"></script>
<script src="YIQI-UI/YIQI-UI.min.js"></script> (依赖jquery)
说明:
建议把body设置为 <body id="YIQI-UI">
<p class="f-f00 f-20"> 密码输入框 </p> <p> <input type="password" value="123456" id="passhide" class="border w30 lh-30 pl-10" /> <button class="yiqi-ui-pass"><i class="icon YIQI-UI-iconfont f-30"></i></button> </p> <div class="clear"></div> <p class="f-f00 f-20"> 金额隐藏 </p> <p> 金额:¥<span id="moneyhide">888888.88</span> <button class="yiqi-ui-hide"><i class="icon YIQI-UI-iconfont f-30"></i></button> </p> <script> $(".yiqi-ui-pass").yiqi_ui({ addonsname: 'passhide', passid:'#passhide', passtype:'input' }); $(".yiqi-ui-hide").yiqi_ui({ addonsname: 'passhide', passid:'#moneyhide', passtype:'html' }); </script>