Community Learn Tools Library Leisure

English

Home > Web Front-end > JS Tutorial > Based on jquery thickbox imitation school login registration box_jquery

Based on jquery thickbox imitation school login registration box_jquery

WBOY

Release： 2016-05-16 18:25:33

Original

1652 people have browsed it

Below I will share with you how to use thickbox and css to implement the on-campus login (registration) box -----》The rendering is as follows:

method It's very simple, just use the iframe mode of thickbox to nest another page, and then write ajax in this page to implement the corresponding function.
Code:
Register: regUser.html

Copy code The code is as follows:

< ;script type="text/javascript" src="js/thickbox.js">

<%if (Session["User"] == null)
{ %>

Login

Forgot your password? class="thickbox" style="color: #0033CC; background: #dfe4ee;">Retrieve password

Not registered yet? style="color: #0033CC; background: #dfe4ee;" class="thickbox"> ;Register

<%}
else
{ %>

Welcome, <%=Session["User"].ToString() %>, Exit

<%} %>

The css files and ajax processing pages involved above are as follows:
reg.css, login.css, UserAjax.rar Package download address
As for thickbox related information, you can go to the official website to download it.

Related labels：

thickbox 仿校内登录注册框

source：php.cn

Previous article：Js password strength real-time verification code_form effects Next article：JavaScript prototype and inheritance description_js object-oriented

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn