JQuery + AJAX: mask layer logon verification interface (with source code) _ jquery

This article mainly introduces jQuery + AJAX to implement the login verification interface of the mask layer, and shares the source code. interested friends can refer to the implementation of the login interface of the JQuery mask layer, AJAX implements logon verification. the full sample source code is downloaded at the end of the article. You are welcome to study it.

Operating system:Windwos7 Ultimate

Development tools:Visual Studio 2010

Database:SQL Server 2005

Test browsers: IE8, FF3.6.8, and Google Chrome (after the logon layer pops up in IE8, a vertical pull bar will appear, but none of the other two will appear, the vertical pull bar can be modified in JS so that it does not appear, but there will be white edges below, and I feel that IE is a bit more and more ......)
1. Preview

1) before logon

2) click "logon" to display the logon window (layer), and use a gray transparent layer to mask the content of the main form. click "logon" to hide "logon". The loading diagram is displayed. logon failed, show logon to hide the logon chart and display prompt information.

3) after successful logon, remove the mask layer and logon layer and display "xxx". Hello! "

2. implementation

Use VS2010 to create a Web Site, which is implemented on the master page Site. master. VS2010 automatically adds JQuery js files to the Scripts folder, and creates a master page and two forms, Default. aspx and About. aspx, based on the master page.

1) log on layer interface design. check the code in Site. master.

<% @ Master Language = "C #" AutoEventWireup = "true" CodeFile = "Site. master. cs" Inherits = "SiteMaster" %> FlyNoteBook