-
Notifications
You must be signed in to change notification settings - Fork 6
/
index5.html
129 lines (124 loc) · 7.36 KB
/
index5.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title>Mcode</title>
<meta name="renderer" content="webkit">
<!-- Mcode自适应辅助代码，不用可删除，见：http://code.wiredmed.com/show.php?id=19&url=http://code.wiredmed.com/code/common/base/2016-04-08/19.html -->
<script>(function(){function a(){return/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)?!0:/(Android)/i.test(navigator.userAgent)?!0:!1}var d=document.getElementsByTagName("html")[0];var e;if(a()){window.isMobile=1;e="MC"}else{window.isMobile=0;e="PC"}d.className=d.className?d.className+" "+e:e;var b=d.className;function c(f){var h="";var g=document.documentElement.clientWidth;1600>g&&(h+=" lt1600");1400>g&&(h+=" lt1400");1200>g&&(h+=" lt1200");1000>g&&(h+=" lt1000");960>g&&(h+=" lt960");640>g&&(h+=" lt640");500>g&&(h+=" lt500");400>g&&(h+=" lt400");1600<g&&(h+=" gt1600");1400<g&&(h+=" gt1400");1200<g&&(h+=" gt1200");1000<g&&(h+=" gt1000");960<g&&(h+=" gt960");640<g&&(h+=" gt640");500<g&&(h+=" gt500");400<g&&(h+=" gt400");f.className=b+h}c(d);window.onresize=function(f){c(d)}})();</script>
<!--让IE9以下浏览器支持html5标签 -->
<!--[if lt IE 9]>
<script> (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})() </script>
<![endif]-->
<!-- Mcode基础及扩展样式集合，正式使用应下载到本地 -->
<link rel="stylesheet" href="css/base.min.css">
<link rel="stylesheet" href="css/extend.min.css">
<script src="http://cdn.bootcss.com/jquery/1.4.1/jquery.js"></script>
<link rel="stylesheet" href="css/style5.css"/>
<style>
html{ background-color: #f1f1f1;}
/*公共代码*/
.w-main{width: 1200px;}
.MC .w-main{width:100%}
</style>
<script>
$(function () {
var navName='.mj-nav';//菜单块
var menuA='.mj-nav-a';//菜单项
var childName='.mj-nav-child:has(li)';//子菜单
if(window.isMobile){//移动端
$('.mj-mcmenu-body').html($(navName).html());//转移菜单
$('.mj-nav-b').click(function(){if($(this).siblings(childName).length)return false;});//阻值跳转
//菜单按钮
$('.mj-mcmenu-show').add('.mj-mcmenu-close').click(function(){$('.mj-mcmenu').toggleClass('on');});
}
$(menuA).hover(function () {$(childName, this).stop(false, true).slideDown('fast');}, function () {$(childName, this).stop(false, true).slideUp('fast');});
});
</script>
</head>
<body>
<!--移动菜单-->
<button class="mj-mcmenu-show pc-hide">Ξ</button>
<div class="mj-mcmenu pc-hide"><button class="mj-mcmenu-close">X</button><div class="mj-mcmenu-box"><div class="mj-mcmenu-body"></div></div></div>
<div style="height: 300px;width: 100%; background-image: url(http://www.superslide2.com/otherDemo/2.22/images/3.jpg);background-position: center;background-repeat: no-repeat;background-size: cover">
<header>
<div class="w-main f-bc f-cb f-pt20">
<div class="yj-top-nav">
<div class="mj-logo g-mw g-fl"><img src="http://nysy.gzyuanri.com/skin/img/logo.jpg" alt=""></div>
<p class="yj-logo-name g-fl">广东青年创业学院</p>
<nav class="mj-nav mc-hide g-fl">
<div class=" f-bc f-cb">
<div class="mj-nav-a on">
<a class="mj-nav-b" href="#">首页</a>
</div>
<div class="mj-nav-a ">
<a class="mj-nav-b" href="#">学院简介</a>
<div class="mj-nav-child">
<ul class="mj-nav-child-ul">
<li><a href="#" target="_blank">数字病理读片会平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">数字化病理科信息系统</a></li>
</ul>
</div>
</div>
<div class="mj-nav-a ">
<a class="mj-nav-b" href="#">创新园区</a>
<div class="mj-nav-child">
<ul class="mj-nav-child-ul">
<li><a href="#" target="_blank">数字病理读片会平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">数字化病理科信息系统</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
</ul>
</div>
</div>
<div class="mj-nav-a ">
<a class="mj-nav-b" href="#">项目推介</a>
<div class="mj-nav-child">
<ul class="mj-nav-child-ul">
<li><a href="#" target="_blank">数字病理读片会平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">数字化病理科信息系统</a></li>
</ul>
</div>
</div>
<div class="mj-nav-a ">
<a class="mj-nav-b" href="#">青创100</a>
<div class="mj-nav-child">
<ul class="mj-nav-child-ul">
<li><a href="#" target="_blank">数字病理读片会平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">数字化病理科信息系统</a></li>
</ul>
</div>
</div>
<div class="mj-nav-a ">
<a class="mj-nav-b" href="#">下载专区</a>
<div class="mj-nav-child">
<ul class="mj-nav-child-ul">
<li><a href="#" target="_blank">数字病理读片会平台</a></li>
<li><a href="#" target="_blank">远程病理诊断云平台</a></li>
<li><a href="#" target="_blank">数字化病理科信息系统</a></li>
</ul>
</div>
</div>
</div>
</nav>
<a class="yj-search-a" href="#">
<p class="yj-search-p g-fl">搜索</p>
<i class="f-icon g-fl yj-search"></i>
</a>
</div>
</div>
</header>
</div>
</body>
</html>