基于jQuery Easyui实现登陆框界面

效果图

半铸钢钢性铸铁(铸造半钢)

a { text-decoration : none}正文{ margin:0px} #页眉{ width :100%；高度：30 px背景-color : # E0efff；衬垫-top : 5px；填充-底部： 10px} #标题徽标{左边距： 50pxfont-size : 24px字体系列：微软雅黑；} #图片{宽度：100%；高度：750 px}.面板-标题{ text-align :居中；font-size : 16px} # bootom { padding-top :50 px；宽度：100%;高度：100 pxbackground : # eaf2ff } # bootom _ content { margin-left :100 px；宽度：80%;文本对齐：中心；font-size :0.8 em} p {行高：20 px}HTML

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' XML : lang=' EN ' head meta http-equiv=' Content-Type ' Content=' text/html；charset=UTF-8 '！-引用的css - link rel='样式表'类型=' text/CSS ' href=' themes/default/easy ui。CSS ' rel='外部nofollow '链接rel='样式表'类型=' text/CSS ' href=' themes/default/panel。CSS ' rel='外部nofollow '链接rel='样式表'类型=' text/CSS ' href='样式表'类型='text/css' href='css/index '系统首页/title/head脚本类型=' text/JavaScript '控制台。信息(========================')$(' # p ').面板(“移动”，{ left:100，top :100 })；/script body div id=' header ' div class=' logo ' onclick=' window。位置。href='索引。html ' '强信息系统/strong/div/div div id=' picture ' style=' background : URL(图像/索引。jpg)不重复；背景尺寸：封面；差异数据-选项=' region:'east '，split:true，style : { position : ' absolute '，right:50，top :150 ' ' ' class=' easy ui-panel ' title='用户登录style=' width:300px文本对齐：中心；div style=' padd :10 px 60px 20px 60px ' form id=' ff ' class=' measuri-form ' method=' post ' data-options=' novalidate : true '表格单元格填充=' 5 ' tr tdinput class=' measuri-textbox ' data-options=' prompt 3360 '账号，valid type : " name " IConCLs=" icon-man " icon align=left style=" width :100 "；高度：32 px '/TD/tr tr TD输入类='测量-文本框'数据-选项='提示： '密码，有效类型： "密码" iconCls="图标锁" icon align=left style=" width :100 "；高度：32 px '/input/TD/tr TD input class=' measuri-textbox ' data-options=' prompt : '验证码，有效类型： "有效" iconCls=" icon-filter " icon align=left style=" width :55 "；高度：32 px '/img src=' http : ' alt=' width=' 56 '高度=' 32 ' align=' Absmall '/TD/tr/table/form div style=' text-align : center；padd :5 pxa href=' # ' rel=' external no follow ' rel=' external no follow ' class=' measuri-link button ' style=' width :45 '；高度' :32px '登录/a a href=' # ' rel=' external nofollow ' rel=' external nofollow ' class=' measuri-link button ' style=' width :45 '；高度' :32px '注册/a/div/div/div/div id=' bootom ' div id=' bootom _ content ' PS trong关于我们法律声明服务条款联系我们/strong/p p地址：江西省南昌市经济开发区天祥大道邮箱：330000版权所有2017-2018[电子邮件保护]版权所有/p p建议使用IE8以上版本浏览器电子邮件：[电子邮件保护]/p/div/正文脚本函数submitForm(){ $('#ff ').表单(' submit '，{ OnSubmit : FuncTion(){ return $(this)).表单(“启用验证”).表单(“验证”)；} });}函数clearForm(){ $('#ff ').形式(“清除”)；}/脚本/html以上所述是小编给大家介绍的基于jQuery Easyui实现登陆框界面，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！