Bootstrap pop-up band legality check login box instance code "recommended" _javascript tips

Recently done a project where project requirements involve access control, the login box pops up when you access pages or features that you need to log on to:

The effect is as follows:

Figure 1-Click the user name, such as not login pop-up login box

A detailed description of this feature:

The login box is hidden when login is not involved

When it comes to login, the login box pops up to the top left corner of the page

Login box hidden after successful landing

Realize the idea:

Insert the login div before the body closes the tag, and position it in the upper-left corner by Absolute.

The default display property for the login box is none. When the login is triggered, change the property to block

Attach Sample code:

<! DOCTYPE html>  

A way to implement validation and hints completely with ANGULARJS:

<! DOCTYPE html>