仿校内登录注册框

来源:Alexis的51博客 责任编辑:栏目编辑 发表时间:2013-07-01 06:28 点击:

近日,客户说他想要个类似于人人网(以前为校内)的登录框效果,于是上网搜了下,发现有一个仿得比较好的,于是就拿过来用了用。

下面将我用thickbox和css实现校内登录(注册)框与大家分享下-----》效果图如下:

 

方法很简单,就是用thickbox的iframe模式,将另一个页面嵌套即可,然后在这个页面里写ajax来实现相应的功能。

代码:

注册:regUser.html

  1. <link type="text/css" href="css/reg.css" rel="Stylesheet" /> 
  2.  
  3. <script type="text/javascript" src="js/jquery-1.3.2.js"></script> 
  4.  
  5. <script type="text/javascript"> 
  6.     $().ready(function () {  
  7.         var validate = true;  
  8.  
  9.         //检查用户名是否可用  
  10.         $('#userid').blur(function () {  
  11.             $.ajax({  
  12.                 type: "POST",  
  13.                 url: "Ajax/UserAjax.aspx?action=check",  
  14.                 data: "userid=" + escape($('#userid').val()),  
  15.                 success: function (msg) {  
  16.                     if (msg == "success") {  
  17.                 &

    相关新闻>>

      发表评论
      请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
      用户名: 验证码:点击我更换图片
      最新评论 更多>>

      推荐热点

      • 浅析.NET下XML数据访问新机制
      • asp.net 面试+笔试题目第1/2页
      • C# 邮件地址是否合法的验证
      • C#高级编程:数据库连接[1]
      • asp.net 设置GridView的选中行的实现代码
      • 经典C++程序1
      • IIS 自动回收导致后台定时器失效的问题解决
      • ASP.NET&#160;GridView列表代码示例
      • 微软ASP.NET站点部署指南(3):使用Web.Config文件的Transforma
      网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
      Copyright © 2008-2015 计算机技术学习交流网. 版权所有

      豫ICP备11007008号-1