密码显示与隐藏

不支持IE浏览器,支持移动端

密码输入框

金额隐藏

金额:¥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">&#xe624;</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">&#xe725;</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>