优美登录页面源码（一）

 

 

带虚拟键盘的登陆页，效果如下 下载地址：精美login页

功能：

1，登录前实现文本框验证

2，点击右侧小键盘图标弹出虚拟键盘

使用jquery相关插件实现以上效果。                                                                         

                  

 附件中包含了相关的Html代码和jquery库。   

 

 

 

                               

                            

 

虚拟键盘实现的代码：

 

    $('#user_password').keyboard({
                openOn:  null,
                stayOpen:  true,
                layout: 'qwerty'
            }).addTyping();
            $('#passwd').click( function() {
                $('#user_password').getkeyboard().reveal();
            })