SOURCE

$("#login").click(function() {
  if ($(":text").val().length == 0) {
    $("#firstname").focus();

    alert("请填写账号密码和邮箱！");
  }

  else if ($(":password").val().length == 0) {
    $("#password").focus();
    alert("请填写密码和邮箱！");
  } else if ($("#email").val().length == 0) {
    $("#email").focus();
    alert("请填写邮箱！");
  }

});
$("a").hide();
$("button1").click(function() {
  $("a").show();
});
$(document).ready(function() {
  $("button1").click(function() {
    var div = $("div");
    div.animate({
      right: '340px'
    },
    "slow");
    div.animate({
      fontSize: '16px'
    },
    "slow");
    $("div").fadeToggle();
  });

});

<table border="0">
  <tr>
    <td colspan="2" style="background-color:gray;">
      <h1>
        新用户注册
      </h1>
      <SPAN style="float:right">
        <a href="http://jsrun.net/8tkKp/show" target='blank'>
          洛阳高校新闻网
        </a>
      </SPAN>
    </td>
  </tr>
  <tr>
    <td style="background-color:gray;width:200px;">
      <button1>
        访问资源:
        <br/>
        <div style="height:85px;width:150px;position:absolute;">
          <a href="http://www.lynu.cn/news/lynunews/" target='blank'>
            洛阳师范学院新闻网
          </a>
          <br>
          <a href="http://www.lit.edu.cn/plus/list.php?tid=21" target='blank'>
            洛阳理工学院新闻网
          </a>
          <br>
          <a href="http://news.haust.edu.cn" target='blank'>
            河南科技大学新闻网
          </a>
          <br>
        </div>
      </button1>
    </td>
    <td style="background-color:;">
      <h3>
        注册:
      </h3>
      <h4>
        <from>
          账号：
          <input id="firstname" type="text" name="firstname">
          <b style=color:red>
            *
          </b>
          <br>
          密码：
          <input id="password" type="password" name="pwd">
          <b style=color:red>
            *
          </b>
          <br/>
          邮箱：
          <input id="email" type="email" name="email">
          <b style=color:red>
            *
          </b>
          <br>
          昵称：
          <input type="text" name="user">
          <b style=margin:4px>
          </b>
          <br>
          <button id="login">
            注册
          </button>
        </from>
      </h4>
    </td>
  </tr>
  <tr>
    <td colspan="2" style="background-color:gray;text-align:center;">
      版权 © 魏来
    </td>
  </tr>
</table>

table {
  text-align: center;
  width: 100%;
  height: 100%;
}

h3 {
  text-align: left
}

h4 {
  text-align: center
}

a {
  text-decoration: none;
  color: red
}