办公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>