<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="index_AllHtmlFile/jquery-1.10.2.js"></script>
<script>
$( document).ready(function(e) {
$('.vjcard_item').click(function(){
var urlitem=['http://www.vjong.com/html/class1_48.html','http://www.vjong.com/html/class1_42.html','http://www.vjong.com/html/class1_53.html','http://www.vjong.com/html/class1_40.html',];
var item=$(this).attr('data-index');
window.open(urlitem[item],'vjwin_fromdemo');
})
});
</script>
<style>
body{ padding:0; margin:0; font-family:Microsoft YaHei, tahoma, arial, \5b8b\4f53}
ul{padding:0}
.vjcard_area {width:96%; height: 240px; font-size:14px; margin:auto}
.vjcard_area .vjcard_item{ float: left;display: block; width: 24.8%; border: 1px solid #f0f0f0; border-right: none;position:relative;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ;
-ms-transition: all 0.2s ;
-o-transition: all 0.2s ;
transition: all 0.2s ease-out;
border-right:1px solid #aaa\9;
background-color:#ffffff;
border-top:none;
cursor:pointer;
}
.vjcard_area .vjcard_item h3{margin: 0px; padding: 10px 5px 5px 5px;}
.vjcard_area .vjcard_item:last-of-type{ border-right: 1px solid #f0f0f0;}
.vjcard_area .vjcard_item.active{width: 36%; border-color: #11B0F0; box-shadow: 0 0 20px rgba(0, 198, 226, 0.5);}
.vjcard_area .vjcard_item .vjcard_content{ height: 120px; padding: 130px 0px 0px 0px; display: block; width: 100% }
.vjcard_area .vjcard_item .vjcard_content .main-info{ padding: 0px 10px 0px 10px; margin-bottom:5px;}
.vjcard_area .vjcard_item .content-second,.vjcard_area .vjcard_item .content-first,.vjcard_area .vjcard_item .vjcard_title{
-webkit-transition: all 0.5s ease ;
-moz-transition: all 0.5s ease ;
-ms-transition: all 0.5s ease ;
-o-transition: all 0.5s ease ;
transition: all 0.5s ease ;}
.vjcard_area .vjcard_item ul{padding:0px}
.vjcard_area .vjcard_item li{ list-style:none; padding:0px 10px;}
.vjcard_area .vjcard_item .content-second{opacity: 0; display:none; clear:both}
.vjcard_area .vjcard_item .content-first{opacity: 1; display:block; }
.vjcard_area .vjcard_item.active .content-first{opacity: 0; display:none}
.vjcard_area .vjcard_item .content-first ul{ padding-top: 0px;background-color:#ffffff;}
.vjcard_area .vjcard_item .content-first li{ line-height: 24px; text-align: left; color:#999}
.vjcard_area .vjcard_item.active .content-second{ opacity: 1; display:block}
.vjcard_area .vjcard_item .vjcard_content .main-head{ color: #111; font-size: 18px; font-weight: bold}
.vjcard_area .vjcard_item .vjcard_title h3{ text-align:center; font-size:18px}
.vjcard_area .vjcard_item .vjcard_title{ width: 100%;position: absolute;background-color: #e0e0e0;height: 120px;top:0px;}
.vjcard_area .vjcard_item .vjcard_title p{margin: 0px; text-align: center;font-size: 12px; color:#666}
.vjcard_area .vjcard_item:hover .content-first li{color:#666}
.vjcard_area .vjcard_item .vjcard_title .ali-product-img img{ width: 50px; margin: auto;margin-top: 5px;display: block}
.vjcard_area .vjcard_item .vjcard_title .ali-product-img img.with-hover{display: none}
.vjcard_area .vjcard_item:hover .vjcard_title .ali-product-img img.un-hover{display: none}
.vjcard_area .vjcard_item:hover .vjcard_title .ali-product-img img.with-hover{display: block}
.vjcard_area .vjcard_item li.other-info-list a{ color: #333}
.vjcard_area .vjcard_item li.other-info-list a.list-context{ padding: 2px 5px; border: 1px solid #ccc;color: #00a0c0}
.vjcard_area .vjcard_item li.other-info-list a.list-context:hover{ border-color:#069;color: #fff; background-color: #00a0c0}
.vjcard_area .vjcard_item .content-second li{ padding-top: 20px;}
.vjcard_area .vjcard_item .content-second li h3{ text-align: left; font-size: 16px; padding: 0px; line-height: 150%}
.vjcard_area .vjcard_item .content-second li p,.vjcard_area .vjcard_item .content-second li a{ font-size: 14px ; margin: 0px; line-height: 200%; clear: both;}
.vjcard_area .infoimg{ margin:auto; position: relative; margin-top: 10px;display: block}
ul.other-info{position: relative; padding: 0px ; margin:0px 10px;}
ul.other-info li{ width: 50%; float:left;}
ul.other-info li h3,ul.other-info li a{ }
ul.other-info li:nth-child(2n+1){ }
.header {margin:10px 20px;min-width:680px}
.header h3{ color:#00ccee; margin:10px 0px 10px 0px; font-size:24px}
.header h3 label{ color:#999; font-size:14px; padding-right:70px}
.header h4{ margin:10px 0px; padding-left:0px}
.header .leftbox{ width:360px;}
.header .rightbox{}
.header .listbox li{ color:#696969; font-size:14px; line-height:24px}
.header .listbox li label{ float:left; display:block; width:140px; color:#999;}
.header ul,.header li{padding:0; margin:0;list-style:none}
.float-left{ float:left}
.header .filelistbox{ clear:both; padding-top:1px;}
.header .filelistbox ul{ background-color:#fafafa; padding:10px 20px; border:solid 1px #f0f0f0}
.header .filelistbox li{ font-size:12px; color:#aaaaaa; position:relative; line-height:24px; }
.header .filelistbox li:nth-child(2n){ background-color:#f6f6f6}
.filelistbox li label{ position:absolute; right:10px;}
h3 .float-right{ color:#999; font-size:14px; line-height:25px;}
.float-right{ float:right}
.homeadvbox h3.title{ border:1px #ccc solid; background-color:#f6f6f6; padding:10px 20px; margin:0px; border-right:none; border-left:none}
.homeadvbox{background-color:#fcfcfc; min-width:680px; position:absolute; bottom:0px;}
ul.vjcard_area{ margin-top:10px}
.vjcard_content .jump{ position:absolute; right:10px; bottom:2px; display:none}
.vjcard_content .jump a{ color:#00ACFF; text-decoration:none;}
.vjcard_area .vjcard_item:hover .vjcard_title h3{padding-top:2px;}
.vjcard_area .vjcard_item:hover .vjcard_title{ background-color: #aaddff; top:-10px; color: #026;}
.vjcard_area .vjcard_item:hover .vjcard_content{ padding-top:115px; height:135px;}
.vjcard_area .vjcard_item:hover .vjcard_content .jump{ display:block}
</style>
</head>
<body>
<div class="header">
<h3>管理员主页</h3>
<div class="listbox float-left leftbox">
<ul>
<li><label>框架名称</label>Jquery</li>
<li><label>风格类型</label>默认</li>
</ul>
</div>
<div class="listbox float-left rightbox">
<ul>
<li><label>页面数量</label>5</li>
<li><label>生成时间</label>2017-12-28 14:52:17</li>
</ul>
</div>
<div class="filelistbox ">
<h4>最新更新的文件</h4>
<ul>
<li><label>2017-12-28 06:40:08</label>管理员-科室项目管理05</li>
<li><label>2017-12-28 06:39:53</label>管理员-科室管理04</li>
<li><label>2017-12-28 06:39:39</label>管理员-检查医师03</li>
<li><label>2017-12-28 06:39:20</label>管理员-主治医师02</li>
<li><label>2017-12-28 06:39:07</label>管理员主界面01</li>
</ul>
</div>
</div>
<div class="homeadvbox col_container">
<h3 class="title"><div class="float-right">微简原型工具（vjpage），全球第一款代码可用的原型工具</div>微简服务</h3>
<ul class="vjcard_area">
<li class="vjcard_item" data-index="0">
<div class="card">
<div class="vjcard_title title-even ">
<div class="content">
<div class="ali-product-img">
<img src="index_AllHtmlFile/icon001e.png" alt="" class="un-hover">
<img src="index_AllHtmlFile/icon001.png" alt="" class="with-hover">
</div>
<h3>快速出界面原型</h3>
<p class="short-info">快速、准确
病例管理系统
需积分: 41 113 浏览量
2017-12-29
10:34:41
上传
评论 2
收藏 2.5MB ZIP 举报
病例管理系统 （339个子文件） 
vjpage.css 94KB vjpage.css 94KB vjpage.css 94KB jqueryui.css 31KB jqueryui.css 31KB jqueryui.css 31KB vjpublic.css 18KB vjpublic.css 18KB vjpublic.css 18KB config.css 9KB layout-default.css 6KB layout-default.css 6KB layout-default.css 6KB layout-default.css 6KB layout-default.css 6KB layout-default.css 6KB zTreeStyle.css 6KB zTreeStyle.css 6KB zTreeStyle.css 6KB config.css 5KB config.css 3KB tlayout.css 911B tlayout.css 911B tlayout.css 911B tlayout.css 911B tlayout.css 911B tlayout.css 911B treeview.css 576B treeview.css 576B treeview.css 576B treeview.css 77B treeview.css 77B treeview.css 77B
zTreeStandard.gif 5KB zTreeStandard.gif 5KB zTreeStandard.gif 5KB framemobilebar.gif 4KB framemobilebar.gif 4KB framemobilebar.gif 4KB showtype.gif 3KB showtype.gif 3KB showtype.gif 3KB fullscreenhover.gif 3KB fullscreenhover.gif 3KB fullscreenhover.gif 3KB fullscreen.gif 2KB fullscreen.gif 2KB fullscreen.gif 2KB animated-overlay.gif 2KB animated-overlay.gif 2KB animated-overlay.gif 2KB leftpower.gif 1KB leftpower.gif 1KB leftpower.gif 1KB menuicon.gif 1KB menuicon.gif 1KB menuicon.gif 1KB JTree_nolines_plus.gif 870B JTree_nolines_plus.gif 870B JTree_nolines_plus.gif 870B JTree_nolines_minus.gif 861B JTree_nolines_minus.gif 861B JTree_nolines_minus.gif 861B JTree_imgfolder.gif 622B JTree_imgfolder.gif 622B JTree_imgfolder.gif 622B loading.gif 381B loading.gif 381B loading.gif 381B JTree_folderopen.gif 376B JTree_folderopen.gif 376B JTree_folderopen.gif 376B JTree_folderclose.gif 372B JTree_folderclose.gif 372B JTree_folderclose.gif 372B JTree_plus.gif 89B JTree_plus.gif 89B JTree_plus.gif 89B JTree_plusbottom.gif 88B JTree_plusbottom.gif 88B JTree_plusbottom.gif 88B JTree_minus.gif 86B JTree_minus.gif 86B JTree_minus.gif 86B JTree_minusbottom.gif 85B JTree_minusbottom.gif 85B JTree_minusbottom.gif 85B JTree_join.gif 69B JTree_join.gif 69B JTree_join.gif 69B JTree_line.gif 66B JTree_joinbottom.gif 66B JTree_line.gif 66B JTree_joinbottom.gif 66B JTree_line.gif 66B JTree_joinbottom.gif 66B JTree_empty.gif 62B JTree_empty.gif 62B JTree_empty.gif 62B line_conn.gif 45B共 339 条
- 1
- 2
- 3
- 4
资源评论
