首页 >

通过Tabs方法基于easyUI+bootstrap制作工作站【javascript】

web前端|js教程通过Tabs方法基于easyUI+bootstrap制作工作站【javascript】
bootstrap_tabs,easyui_bootstrap
web前端-js教程
登陆页如下所示:
个人手机网站源码 开源,ubuntu修改引导顺序,tomcat配置数据源优化,自学python爬虫接单,php最新学习资源教程,seo小火箭lzw
正5的源码,mac怎么安装vscode,ubuntu py 文件,tomcat7 命令,sqlite+修改外键约束,防止爬虫资源应该做动态链接吗,php和mysql 下载,重庆seo哪家效果好,35分类目录网站源码,前端项目设计ppt模板lzw
下面给大家展示下具体实现代码:
vip影视源码系统带会员码支付,ubuntu安装驱动包,快速让蜘蛛爬虫,php 7.1.3 安装,dx seo插件lzw
网络医院登陆* {margin: 0px;padding: 0px;}html,body {height: 100%;width: 100%;overflow: hidden;font-family: "微软雅黑";font-size: 16px;}.main-box {width: 100%;height: 100%;min-width: 960px;overflow: hidden;background: url(imges/bg.jpg) no-repeat center center;}.left-box,.right-box {width: 50%;height: 100%;float: left;}.left-box {width: 50%;height: 100%;background: url(imges/leftboxbg.jpg) no-repeat center center;z-index: 10;position: relative;}.right-box {width: 50%;height: 100%;position: relative;}.left-title {width: 300px;height: 236px;margin: 150px auto;}.left-title img {display: block;width: 300px;height: 186px;}.left-title p {width: 300px;height: 50px;line-height: 50px;color: white;font-size: 18px;text-align: center;}.loginavatar {width: 160px;height: 160px;background: url(imges/loginavatar.jpg) no-repeat;margin: 50px auto 50px;}ul li {list-style: none;display: block;}.right-title,.right-title-zhuce {width: 400px;height: 255px;/* border: 1px solid red; */margin: 0px auto;}.login input {display: block;width: 350px;color: black;height: 40px;border: 1px solid #42BD56;margin: 10px auto 10px;}input::-webkit-input-placeholder {color: black;}input:-moz-placeholder {color: black;}input:-ms-input-placeholder {color: black;}input.username {text-indent: 50px;background: url(imges/bg-loginid.jpg) no-repeat 0 -7px;margin-top: 30px;}input.pwd {text-indent: 50px;background: url(imges/bg-loginpass.jpg) no-repeat 0 -7px;}input.sub {background: #2A8C70;border: none;color: white;border-radius: 5px;}.sub-ljzc,.sub-fsdx {width: 350px;height: 42px;margin: 10px auto 10px;/* border: 1px solid red;*/}input.sub,input.msg {width: 160px;height: 40px;margin: 0px;float: left;}input.msg {background: none;text-align: center;}.sub-ljzc .ljzc,.sub-ljzc .ljdl,.sub-fsdx .hqyzm {float: right;display: block;width: 160px;height: 40px;background: white;line-height: 40px;text-align: center;color: #30A080;margin-right: 0px;border: 1px solid #30A080;border-radius: 5px;margin: 0;}$(function() {var pwd = /^[a-zA-z]\w{3,15}$/;var phone_num = /^1\d{10}$/;$("#ljzc").click(function() {$("#right-title").hide();$("#right-title-zhuce").show();});$("#ljdl").click(function() {$("#right-title").show();$("#right-title-zhuce").hide();});$("#sub").click(function() {if ($(".username").val() == "") {alert("请输入电话号码!");return false;};if (!phone_num.test($(".username").val().trim())) {alert("电话号码有误,请检查");return false;};if ($(".pwd").val() == "") {alert("请输入密码!");return false;};});$(".hqyzm").click(function() {if ($("#username").val() == "") {alert("请输入注册电话号码!");return false;} else if (!phone_num.test($("#username").val().trim())) {alert("注册电话号码有误,请重新填写!");return false;} else {$('.hqyzm').css('color', 'red').prop("disabled", true); //发短消息不可再点击var i = 10;var n = setInterval(function() {var j = i + 's';$('.hqyzm').val(j);i--;if (i < -1) {clearInterval(n);$('.hqyzm').val('重新获取验证码!').prop("disabled", false);}}, 1000);}})$("#ljzc-tj").click(function() {if ($("#username").val() == "") {alert("请输入注册电话号码!");return false;};if (!phone_num.test($("#username").val().trim())) {alert("注册电话号码有误,请重新填写!");return false;};if ($(".msg").val() == "") {alert("短息为空!");return false;};if ($("#pwd").val() == "") {alert("密码为空!");return false;};if (!pwd.test($("#pwd").val().trim())) {alert("密码有误,请重新填写,包含字母数字下划线,4-16位");return false;};})})

医生工作站

立即注册
立即登录
网络医院主页* {padding: 0px;margin: 0px;}html,body {width: 100%;height: 100%;font-size: 16px;overflow: hidden;}a:link {text-decoration: none;/* 指正常的未被访问过的链接*/}a {text-decoration: none;}a:visited {text-decoration: none;/*指已经访问过的链接*/}a:hover {text-decoration: none;/*指鼠标在链接*/}a:active {text-decoration: none;/* 指正在点的链接*/}/**************main*********************/.main {width: 100%;height: 100%;background: pink;overflow: hidden;min-width:1200px;}.left-box {height: 100%;float: left;width: 15%;background: #30323e;/*overflow-y: scroll;*/}.left-box-logo {width: 160px;height: 150px;margin: 30px auto 0px;}.left-box-logo img {width: 160px;height: 100px;}.left-box-logo h3 {color: white;margin: 0;line-height: 50px;height: 50px;text-align: center;}/*************tree li******************/.tree {/*border: 1px solid red;*/height: auto;}.tree-box {list-style: none;line-height: 48px;padding: 0;margin: 0;}.tree-box li {border-bottom: 1px solid #232243;display: block;}.tree-box li:hover,.tree-box li:focus,.tree-box li:active {background: #005eac;}.tree-box>li>a {color: #A6A6A6;margin-left: 20px;}.tree-box a {display: block;height: 48px;width: 100%;}.tree-box-two a {text-align: center;color: white;}.hzgl a:before {content: url(imges/icon-patient.jpg);height: 100%;display: inline-block;margin-right: 5px;vertical-align: middle;}.pzgl a:before {content: url(imges/icon-lineup.jpg);height: 100%;display: inline-block;margin-right: 5px;vertical-align: middle;}.xgmm a:before {content: url(imges/icon-lock.jpg);height: 100%;display: inline-block;margin-right: 5px;vertical-align: middle;}a.bg:before {content: url(imges/bg-verticalsubmenu.jpg);height: 100%;display: inline-block;margin-right: 5px;vertical-align: middle;}/**************right-box**************/.right-box {height: 100%;float: left;width: 85%;background: white;font-size: 18px;position: relative;}.time-now {margin-left: 20px;font-family: "微软雅黑";line-height: 50px;}.right-title {width: 98%;margin: 10px auto 0px;height: 50px;background: #FF855E;}.right-title span {margin-top: 8px;}.right-title .user-info {float: right;}.right-title .user-info button {margin-right: 20px;}#tab-page div {background: #D2D2D9;}h1.welcome {font-size: 80px;font-family: "微软雅黑";color: green;margin: 15% auto;text-align: center;}/*****************************************//* easy UI */.tabs-header,.tabs-tool {background: green;}div.tabs-header {border: 1px solid #cacacd;border-bottom: 1px solid #e6e6e6;}ul.tabs {border-bottom: 1px solid #cacacd;height: 30px;}.tabs li.tabs-selected a.tabs-inner {background: #E6E6E6;color: #5a5a5a;}.tabs li a.tabs-inner {background: #f2f2f2;color: #5a5a5a;border: 1px solid #cacacd;padding: 0 15px;border-radius: 0;}.tabs li a.tabs-inner:hover {background: #E6E6E6;}.tabs li.tabs-selected a.tabs-inner {border: 1px solid #cacacd;border-bottom: 1px solid #E6E6E6;}$(function() {//初始化tab$("#tab-page").tabs({tabWidth: 100, //tab头的宽度tabHeight: 30, //tab头的高度closable: true,fit: true //tab铺满全屏});});//打开新tab函数function addTabs(title, url) {if ($('#tab-page').tabs('exists', title)) {$('#tab-page').tabs('select', title);$('#tab-page').tabs('update', {tab: select});var content = '';$('#tab-page').tabs('add', {title: title,fit: true, //tab铺满全屏content: content,closable: true});var rH = $(".right-box").height();var rhH = $(".right-head").height();var hC = rH - 50;$(".panel-body .tabIframe").height(hC);} else {var content = '';$('#tab-page').tabs('add', {title: title,content: content,fit: true, //tab铺满全屏closable: true});var rH = $(".right-box").height();var rhH = $(".right-head").height();var hC = rH - 50;$(".panel-body .tabIframe").height(hC);}}
患者管理患者列表患者注册患者详情排号管理病例管理加好管理修改密码退出
当前时间:2015年6月1日

欢迎使用乐普网络医院


  • 暂无相关文章