办公OA的登陆界面..

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.aaa
{
   width: 200px;
   height:35px;
   line-height:35px; 
   background-color:#e24d04;
   color:white;
   text-align:center;
   border-radius: 3px;
   cursor: pointer;
}
.aaa:hover
{
   background-color:#d84903;
}

</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<!-- 注意倒包顺序,不要随便,按照如下步骤来 -->
<!-- 1.导入JQuery的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.min.js"></script>

<!-- 2.导入css资源 -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/default/easyui.css" >

<!-- 3.导入图标资源  -->
<link rel="stylesheet" type="text/css" href="jquery-easyui-1.4.4/themes/icon.css" >

<!-- 4.导入easyUI的js包 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/jquery.easyui.min.js"></script>

<!-- 5.本地语言 -->
<script type="text/javascript" src="jquery-easyui-1.4.4/locale/easyui-lang-zh_CN.js"></script>
</head>
<body style="padding: 0px;margin: 0px" background="image/login.jpg">
<div style="height: 650px;width: 1366px">
    <div style="height:300px;width:300px;
         margin-left: 800px;margin-top:270px; border-radius:8px">
       <form action="">
          <input class="easyui-textbox" data-options="iconCls:'icon-man',iconAlign:'left',prompt:'登录名'"
                 style="width: 200px;height:35px;line-height: 35px"><br><br>
          
          <input class="easyui-textbox" type="password" data-options="iconCls:'icon-lock',iconAlign:'left',prompt:'密   码'"
                 style="width: 200px;height:35px;line-height: 35px"><br><br>                 
                 
          <div class="aaa">登      陆</div>
          
       </form> 
    </div>
</div>

</body>
</html>

 

posted @ 2016-12-15 10:16  -加勒比海带  阅读(1148)  评论(0编辑  收藏  举报