<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jQuery插件模拟支付宝密码输入框效果</title>
<meta name="viewport"content="width=device-width,initial-scale=1, user-scalable=no">
</head>
<link href="css/passwordkeyboard.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js"></script>
<script src="js/fastclick.js"></script>
<script>
function init(){
var width=$(window).width();
var height=$(window).height();
$("body").css("height",height);
$("body").css("width",width);
}
window.addEventListener('load', function() {
FastClick.attach(document.body);
}, false);
</script>
<body onload="init()">
<!-- 代码部分begin -->
<div id="pwd">
<div style="text-align: center;padding-top: 10px;p">
<span id="set_text" style="font-size: large;"></span>
</div>
<div style="padding-top: 20px;text-align: center;">
<form id="password" >
<input readonly class="pass" type="password"maxlength="1"value="">
<input readonly class="pass" type="password"maxlength="1"value="">
<input readonly class="pass" type="password"maxlength="1"value="">
<input readonly class="pass" type="password"maxlength="1"value="">
<input readonly class="pass" type="password"maxlength="1"value="">
<input readonly class="pass pass_right" type="password"maxlength="1" value="">
</form>
</div>
</div>
<div id="keyboardDIV"></div>
<script src="js/ladingPasswordConfirm.js"></script>
<!-- 代码部分 end -->
</body>
</html>
H5+JQ模拟支付页面
5星 · 超过95%的资源 需积分: 50 90 浏览量
2018-10-11
15:17:30
上传
评论 6
收藏 45KB ZIP 举报 
Html5+jq模拟微信支付宝密码输入框效果.zip （5个子文件） 
Html5+jq模拟微信支付宝密码输入框效果 css 
passwordkeyboard.css 1KB
index.html 2KB js jquery.min.js 91KB fastclick.js 25KB ladingPasswordConfirm.js 8KB资源评论
l2848497362020-05-27好东西,值得分享,赞赞赞- a2791058422020-07-08谢谢分享，有参考价值
qq_28293045
- 粉丝: 4
- 资源: 13
