dojo配置参照前一篇文章......一个比较实用的好看的登陆界面
<html> <head> <title>评估系统登陆界面</title> <script type="text/javascript" src="dojojs/dojo.js"></script> <script type="text/javascript"> dojo.require("dojo.widget.Dialog"); dojo.require("dojo.widget.Button");
var dlg0,dlg1,dlg2,dlg3; function init() { dlg0 = dojo.widget.byId("dialog0"); var btn = document.getElementById("cancel"); //设置对话框的关闭控件 dlg0.setCloseControl(btn); /*var btn = document.getElementById("hider1"); dlg1.setCloseControl(btn);*/ dlg1 = dojo.widget.byId("dialog1"); var btn1 = document.getElementById("cancel1"); //设置对话框的关闭控件 dlg1.setCloseControl(btn1); dlg2 = dojo.widget.byId("dialog2"); var btn2 = document.getElementById("cancel2"); //设置对话框的关闭控件 dlg2.setCloseControl(btn2);
} dojo.addOnLoad(init); </script> <style type="text/css"> /* 设置对话框的CSS样式 */ .dojoDialog { background : #772299; border : 1px solid #999; -moz-border-radius : 5px; padding : 4px; } </style> </head> <body> <h1 align="center"><font color="blue">教师评估系统</font></h1> <hr> <div align="center" > <button dojoType="Button" onclick="dlg0.show()">学生登陆</button><br> <button dojoType="Button" onclick="dlg1.show()">教师登陆</button><br> <button dojoType="Button" onclick="dlg2.show()">管理员登陆</button><br> </div> <div dojoType="Dialog" id="dialog0" bgColor="blue" bgOpacity="0.5" toggle="fade" toggleDuration="250"> <form action="111.jsp" method="post" onsubmit="return false;"> <table> <caption>登陆</caption> <tr> <td>用户名:</td> <td><input type="text"></td> </tr> <tr> <td>密 码:</td> <td><input type="text"></td> </tr>
<tr> <td align="right"> <input type="button" id="submit" value="学生登陆"></td> <td align="center"><input type="button" id="cancel" value="取消"></td> </tr> </table> </form> </div> ------------------------------------------------------------------- <div dojoType="Dialog" id="dialog1" bgColor="blue" bgOpacity="0.5" toggle="fade" toggleDuration="250"> <form action="/sevlet1" method="post" onsubmit="return false;"> <table> <caption>登陆</caption> <tr> <td>用户名:</td> <td><input type="text"></td> </tr> <tr> <td>密 码:</td> <td><input type="text"></td> </tr> <tr> <td align="right"> <input type="button" id="submit1" value="教师登陆"></td> <td align="center"><input type="button" id="cancel1" value="取消"></td> </tr> </table> </form> </div> ================================================================== <div dojoType="Dialog" id="dialog2" bgColor="blue" bgOpacity="0.5" toggle="fade" toggleDuration="250"> <form action="/servlet" method="post" onsubmit="return false;"> <table> <caption>登陆</caption> <tr> <td>用户名:</td> <td><input type="text"></td> </tr> <tr> <td>密 码:</td> <td><input type="text"></td> </tr> <tr> <td align="right"> <input type="button" id="submit2" value="管理员登陆"></td> <td align="center"><input type="button" id="cancel2" value="取消"></td> </tr> </table> </form> </div> </body> </html>
单击按钮
(编辑:李大同)
【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!
|