优美登录页面源码(一)
2011-12-01 22:22 Zhuang miao 阅读(25633) 评论(31) 编辑 收藏 举报
带虚拟键盘的登陆页,效果如下 下载地址:精美login页
功能:
1,登录前实现文本框验证
2,点击右侧小键盘图标弹出虚拟键盘
使用jquery相关插件实现以上效果。
附件中包含了相关的Html代码和jquery库。
虚拟键盘实现的代码:
$('#user_password').keyboard({
openOn: null,
stayOpen: true,
layout: 'qwerty'
}).addTyping();
$('#passwd').click(function() {
$('#user_password').getkeyboard().reveal();
})
openOn: null,
stayOpen: true,
layout: 'qwerty'
}).addTyping();
$('#passwd').click(function() {
$('#user_password').getkeyboard().reveal();
})