-
Notifications
You must be signed in to change notification settings - Fork 6
/
index3.html
131 lines (125 loc) · 7.38 KB
/
index3.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
130
131
<!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/style3.css"/>
<style>
html{ background-color: #f1f1f1;}
/*公共代码*/
header{background-color: #fff;}
.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>
<header>
<div class="w-main f-bc f-cb">
<div class="mj-logo g-w25 g-mw g-fl"><img src="http://nysy.gzyuanri.com/skin/img/logo.jpg" alt=""></div>
<nav class="mj-nav g-w55 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>
<div class="f-fl g-w20 g-mw f-pt10">
<div class="f-p10">
<div class="f-cb mj-search-form f-f14">
<i class="f-icon yj-connect f-f16"></i>
<p class="yj-connect-number">400-025-3729</p>
</div>
</div>
</div>
</div>
</header>
<div style="height: 300px; background-image: url(http://www.superslide2.com/otherDemo/2.22/images/3.jpg);background-position: center"></div>
</body>
</html>