Browse Source

首页改版

luyanan 7 years ago
parent
commit
4e2639deb4
3 changed files with 587 additions and 132 deletions
  1. 89 91
      css/index.css
  2. 113 22
      index.html
  3. 385 19
      js/index.js

+ 89 - 91
css/index.css

@ -28,24 +28,56 @@ input{ outline:none;}
28 28
.btn{padding:6px 24px;}
29 29
.btn:hover,.btn:focus{outline:none;box-shadow: none;color: #FFFFFF;}
30 30

31
.link-btn-box{padding:20px 0 50px;}
32
.link-btn-block{ width: 96%;margin:auto;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:2px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
31

32
.link-btn-box{padding:20px 0;}
33
.link-btn-block{ width: 96%;margin:auto;text-align: center;margin-top: 50px;padding:10px 20px 40px; border:1px solid #eaeaea;background:#f8fbfb;border-radius:4px;}
33 34
.link-btn{position: relative; width: 32%;margin:auto;margin-bottom: 46px; background: #fff;height: 2px;top: -12px;}
34 35
.link-btn-icon{position: absolute;top: -36px;left: 50%; margin-left: -40px;width:80px;height:80px;border-radius: 10px;background-position: center;background-repeat: no-repeat;}
35 36
.link-btn-icon-fabu{background-image: url(../images/home_icon_fabuxuqiu_nor.png);}
36 37
.link-btn-icon-ruzhu{background-image: url(../images/home_icon_qiyeruzhu_nor.png);}
37 38
.link-btn-icon-pro{background-image: url(../images/home_icon_woshizhuanjia_nor.png);}
38
.link-btn-tip{position: relative; min-height: 170px;padding:0 10px;font-size:16px;color:#666; line-height: 24px;}
39
.link-tip-tit{font-size:20px;color:#333;/*font-weight:bold;*/line-height: 46px;}
39
.link-btn-tip{position: relative; min-height: 150px;padding:0 10px;font-size:16px;color:#666; line-height: 24px;}
40
.link-tip-tit{font-size:20px;color:#333;line-height: 46px;}
40 41
/*热门领域*/
41 42
.hot-field{ width:100%;min-width: 1120px;  background:url(../images/fieldbg.jpg) center center no-repeat; background-size:cover;padding:40px 0 50px;}
42
.con-tit{text-align: center;}
43
.con-tit .hh4{padding:10px 0;background: url(../images/home_line_nor.png) no-repeat center center;font-size:22px;line-height:48px;color:#333333;}
43
.con-tit{text-align: center;padding:30px 0 20px;}
44
.con-tit .hh4{background: url(../images/home_line_nor.png) no-repeat center center;font-size:26px;line-height:48px;color:#333333;}
44 45
.con-tit .hh4 .homeicon-area{background: url(../images/home_icon_remenlingyu_nor.png) no-repeat 0 center;padding-left:30px;}
45 46
.con-tit .hh4 .homeicon-pro{background: url(../images/home_icon_remenzhuanjia_nor.png) no-repeat 0 center;padding-left:30px;}
47
.con-tit .hh4 .homeicon-hezuo{background: url(../images/home_icon_hezuoqiye_nor.png) no-repeat 0 center;padding-left:30px;}
48
.con-tit .hh4 .homeicon-fangtan{background: url(../images/home_icon_fangtan_nor.png) no-repeat 0 center;padding-left:30px;}
46 49
.con-tit .showtip{font-size: 18px;line-height: 40px;color:#999999;}
47
.field-box{ overflow:hidden; margin:20px auto;}
48
.field{border-radius:2px;/*margin:4px;*/ border:1px solid #d0d0d0;padding:10px 0; float:left;}
50
.con-ulList{margin-right:-20px;margin-bottom:-20px;}
51
.con-ulList>li{width:31.5%;float:left;text-align:center;margin-right:20px;height:210px;margin-bottom:20px;border:1px solid #e5e5e5;}
52
.con-ulList>li:hover{box-shadow:1px 1px 10px 1px #ddd;}
53
.con-ulList>li>a{display: block;width:100%;}
54
.con-ulList>li .h1Font{line-height:20px;font-size: 18px;color:#333;margin-bottom:6px;}
55
.con-ulList>li .h3Font{font-size: 15px;line-height: 22px;margin-top:6px;}
56
.con-ulList>li .qiyego{display: inline-block;max-width: 86%;line-height: 20px;}
57
.con-ulList>li .authiconNew{top:-2px}
58
.con-ulList>li .madiaHead{width:164px;height:110px;margin:16px auto;background-position:center;background-size:cover;}
59
.con-ulList>li .madiaHead .boxBlock{width:164px;height:110px;}
60
.con-ulList>li .madiaHead .boxBlock .boxBlockimg{transition: all 0.6s;}
61

62
.con-ulList.con-ulListF>li{width:23.1%;height:180px;}
63
.con-ulList>li .madiaOuter{background-size:cover;background-position:center;height:100%;position:relative;}
64
.con-ulList>li .madiaInner{width:100%;height:100%;background:rgba(0,0,0,.5);padding:30px;text-align:left;}
65
.con-ulList>li .madiaInner .ellipsisSty-2{-webkit-line-clamp:3;color:#fff;margin-bottom:16px;line-height:28px;max-height:80px;}
66
.con-ulList>li .madiaInner .h3Font{color:#fff}
67

68
.con-ulList.con-ulListO{margin-top: 10px;}
69
.con-ulList.con-ulListO>li{height:140px;padding:16px}
70
.con-ulList.con-ulListO>li .h1Font{margin-bottom:0;}
71
.con-ulList.con-ulListO>li>a{padding-top:0;}
72
.con-ulList.con-ulListO>li .madiaHead{width:68px;height:68px;position:absolute;top:50%;margin-top:-34px;border-radius:50%;}
73
.con-ulList.con-ulListO>li .madiaInfo{padding-left:78px;text-align:left;}
74
.con-ulList.con-ulListO>li .flexCenter{min-height:80px;}
75
.con-ultab{margin:0 auto 10px;text-align:center;width:80%;max-height:80px;overflow: hidden}
76
.con-ultab>li{display:inline-block;cursor:pointer;padding:4px 10px;text-align:center;margin-right:10px;margin-bottom:10px;border:1px solid #e5e5e5;border-radius:20px;}
77
.con-ultab>li:hover{border-color:#ff9900;color:#ff9900;}
78
.con-ultab>li.liNow{border-color:#ff9900;color:#ff9900;}
79
/*.field-box{ overflow:hidden; margin:20px auto;}
80
.field{border-radius:2px; border:1px solid #d0d0d0;padding:10px 0; float:left;}
49 81
.field-name{ display:block;font-size:16px;line-height:40px; color:#fff; text-align:center;}
50 82
.field-icon{ display:block; width:120px; height:120px; border-radius:50%; margin:auto;}
51 83
.field-name:hover{color:#fff;}
@ -59,56 +91,26 @@ input{ outline:none;}
59 91
.field-icon8{ background:url(../images/fieldIcon/field05.png) no-repeat center center;}
60 92
.more{position: relative; display:block; width:132px; height:35px; margin:auto;font-size:14px;line-height:32px;padding:0 30px; color:#fff;}
61 93
.more em{ position: absolute; top: 50%;margin-top: -9px; margin-left: 4px;width: 16px; height: 16px; background:url(../images/more-white.png) center center no-repeat;background-size:100% 100%;}
62
.hot-field .more{ color:#fff;}
94
.hot-field .more{ color:#fff;}*/
63 95
/*热门专家*/
64
.hot-professor{ width:100%;  padding: 40px 0; }
96
.hot-professor{ width:100%; }
65 97
.hot-professor .carousel .carousel-caption{position:static;height: 450px;text-shadow: none;}
66
.hot-professor .carousel .carousel-indicators li{background:#dadada;width: 36px;height:5px;border-radius: 0;border:0;margin:1px 10px;}
67
.hot-professor .carousel .carousel-indicators li.active{width: 36px;height:6px;background:#ff9900;margin:1px 10px;}
68
.hot-professor .homehead-pro{width: 120px;height: 120px;overflow: hidden;margin:10px auto;}
69
.hot-professor .homeinfo-pro{text-align: center;margin-top:10px;}
70
.hot-professor .homeinfo-pro .h1font{font-size: 22px;line-height: 42px;color:#333333;}
71
.hot-professor .homeinfo-pro .h2font{font-size: 18px;line-height: 40px;color:#666666;}
72
.hot-professor .carousel .carousel-control{background: none;display: none;}
98
/*.hot-professor .carousel .carousel-indicators li{background:#dadada;width: 36px;height:5px;border-radius: 0;border:0;margin:1px 10px;}
99
.hot-professor .carousel .carousel-indicators li.active{width: 36px;height:6px;background:#ff9900;margin:1px 10px;}*/
100
/*.hot-professor .homehead-pro{width: 120px;height: 120px;overflow: hidden;margin:10px auto;}*/
101
.hot-professor .homeinfo{position:absolute;top:60px;left:18%;max-width:50%;text-align:left;margin-top:10px;margin: auto;}
102
.hot-professor .homeinfo .h1Font{font-size: 22px;line-height: 42px;color:#fff;font-weight:700;margin-bottom:30px;max-height:84px;}
103
.hot-professor .homeinfo .h2Font{font-size: 18px;line-height: 40px;color:#fff;}
73 104
.hot-professor .carousel .item{background: none;border:none;}
74 105
.hot-professor .carousel .item.active{box-shadow: none;}
75
.hot-professor .carousel .aitemLink{display:block;}
106
.hot-professor .carousel .aitemLink{display:block;background-position:center center;background-size:cover;}
76 107
/*友情链接*/
77 108
.urlLinkBox{background: #FAFAFA;padding: 10px 0;margin-bottom:-20px}
78 109
.urlLinkBox .tit-M{color: #333;font-size: 18px;margin-bottom:10px;margin-top: 5px;}
79 110
.urlLinkBox .link-box>ul{overflow: hidden;margin-right: -10px;}
80 111
.urlLinkBox .link-box>ul>li{display: inline-block;float:left;margin-right: 10px;font-size: 14px;line-height:24px;width:19%;}
81 112
.urlLinkBox .link-box>ul>li>a{color:#666}
82
/*搜索页*/
83
/*.content{ width:100%; min-width: 1050px; height:auto; background:#f4f6f8; padding:60px 0 2px 0; }
84
.content-in{padding-bottom:20px;}*/
85

86
/*专家简介*/
87
.synopsis{ float:left; padding:10px 0; width:74%;line-height:24px;cursor: pointer;}
88
.named{display:block;font-size:18px; color:#333; float:left;}
89
.named:hover,.named:focus,.named:active{color:#333; text-decoration:none;}
90
.modify{ display:block; width:16px; height:16px;float:left; margin:3px 2px;}
91
.position{ clear:both;font-size:16px;  color:#777; }
92
.science{font-size:14px; color:#999;}
93
.ellipsisbox p{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
94
.industry,.address{font-size:14px; color:#999;  }
95

96
/*.proModify{margin: 14px 4px;}*/
97
/*.proEdit{margin: 12px 6px;}*/
98
/*.proName{font-size:20px; line-height:46px;}
99
.proPosition{font-size:18px; line-height:34px;}
100
.proScience{font-size:16px; line-height:34px;}
101
.proAddress{font-size:16px; line-height:30px;}*/
102
/*资源简介*/
103
.remess{ cursor:pointer;}
104
.resourcephoto{width:100px;height:100px;margin:20px;float:left;overflow:hidden; }
105
.resouname{font-size:18px; color:#333;}
106
.belongname{ font-size:17px; color:#333; }
107
.modicon{ margin:2px;}
108
.positionbox{ font-size:16px;  color:#666; }
109
.sciencebox,.provideservice{font-size:14px; color:#999; }
110
/* .provideservice p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;} */
111
.industrybox{font-size:14px; color:#999;  }
113

112 114
/*------------------------------------------------------------------------------------*/
113 115
/*账号设置*/
114 116
.account{ min-height:100px; margin:auto; padding-top: 40px;overflow: hidden;}
@ -132,7 +134,7 @@ input{ outline:none;}
132 134
.account-name{ height:50px; padding: 0 40px;}
133 135
.text-txt{font-size:18px;line-height:50px;color:#515151;}
134 136

135
.edit2{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}
137
/*.edit2{ display:block;width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;margin: 15px 6px;cursor:pointer;}*/
136 138
.text{ overflow: hidden;width:180px;margin: auto;}
137 139
.text a{ overflow: hidden;font-size:14px;line-height:57px; color:#f5980b; padding-left:5px;}
138 140
 
@ -147,15 +149,12 @@ input{ outline:none;}
147 149
.walletrecords span{ color:#666;  margin:2px 6px; }
148 150
.walletrecords .recordbtn{ color:#ff9900;cursor:pointer;}
149 151

150
/*.account-sax{ clear:both; height:50px; width:100%; padding: 0 40px;}*/
151 152
.name-txt{ float:left;font-size:18px;line-height:50px; color:#818181;}
152 153
input[type='radio'].radio {opacity:0; display:inline-block; height:20px; float:left; }
153 154
label.radio {background:url(../images/unredio.png) no-repeat; height:20px; padding-left:25px; float:left; margin-top:14px; margin-left:10px;font-size:18px;line-height:22px; color:#818181;}
154 155
input[type='radio'].radio:checked + .radio {background:url(../images/redio.png) no-repeat;}
155 156
.save{ clear:both; width:100px; height:30px;margin-left:220px; margin-top:20px;border-radius:6px; border:none; background:#ff9900;font-size:14px;line-height:30px; color:#fff;}
156 157
/*修改密码*/
157

158
/*input:focus{ border:1px solid #ff8500;}*/
159 158
.msgs{font-size:14px;line-height:40px; color:#ff8500;padding-left:8px;  float:left;cursor:pointer;}
160 159
.msg{ clear:both;font-size:14px;line-height:26px;color:red; padding-left:120px; background:url(../images/info_warn.png) 100px center no-repeat; }
161 160
.msg-yz{font-size:14px;line-height:26px; color:red; padding:0 30px;background:url(../images/info_warn.png) 10px center no-repeat; margin-bottom:10px;  clear: both;  }
@ -174,7 +173,7 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
174 173
.replace3,.replace4{ display:none;color:#666;}
175 174

176 175
.coverblock{ width:100%; height:100%; background:rgba(0,0,0,0.6); position:fixed; z-index:1004; display:none;}
177
.floatbox{ /*width:400px;*/ padding: 0 20px 10px 20px;box-shadow:1px 1px 8px #9f9d9d; border-radius:6px;background:#fff; position:absolute; top:80px; left:50%; margin-left:-240px;  margin-bottom:40px;}
176
.floatbox{padding: 0 20px 10px 20px;box-shadow:1px 1px 8px #9f9d9d; border-radius:6px;background:#fff; position:absolute; top:80px; left:50%; margin-left:-240px;  margin-bottom:40px;}
178 177
.float-title{  height:60px;border-bottom: 1px #ff9900 solid;font-size:18px;line-height:60px; color:#818181; padding:0 20px;}
179 178
.times{ background:url(../images/workclose.png) center center no-repeat; position:absolute; top:6px; right:-36px;width: 24px;height: 24px; z-index: 1005; cursor:pointer; }
180 179

@ -194,7 +193,7 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
194 193
/*------------------------------------------------------------------------------------*/
195 194
/*专家信息页*/
196 195
/*咨询模块按钮入口*/
197
.coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:200;background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
196
/*.coulstblock{position:fixed;width:100%;bottom:0;right:0;z-index:200;background:rgba(256,256,256,.9); border:1px solid #dddddd; border-radius:4px 4px 0 0; box-shadow: -3px -2px 8px -1px rgba(0,0,0,0.2); display:none;}
198 197
.coulstblock .coulstbox{display:block;padding:10px 20px;width:90%;margin:auto; overflow:hidden;}
199 198
.coulstblock .coulstbox .prohead{ width:80px;margin-left:40px; overflow:hidden;}
200 199
.coulstblock .coulstbox .proinfomation{margin:0 2%;max-width:50%; overflow:hidden;}
@ -208,17 +207,17 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
208 207
.coulstbtn .attentBtn em{position:absolute;top:50%;margin-top:-8px;left:34px;display:inline-block; width:16px;height:18px;background:url(../images/favoricon.png) 0 -32px no-repeat;background-size:100% auto;}
209 208
.coulstbtn .attentBtn i{font-style: normal;}
210 209
.coulstbtn .attentBtn.attented{color:#ffffff;padding-left:24px;background: #f4c600;border:1px solid #f4c600;}
211
.coulstbtn .attentBtn.attented em{background:url(../images/favoricon.png) 0 -48px no-repeat;background-size:100% auto;left:28px;}
210
.coulstbtn .attentBtn.attented em{background:url(../images/favoricon.png) 0 -48px no-repeat;background-size:100% auto;left:28px;}*/
212 211
/*专家信息头部*/
213 212

214
.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4);font-size:16px;line-height:44px; color:#fff; text-align:center;}
213
/*.replace-photo{ display:block; width:100%; height:50px; position:absolute; bottom:-50px;background:url(../images/take-photo.png) no-repeat center center; background-color:rgba(0,0,0,0.4);font-size:16px;line-height:44px; color:#fff; text-align:center;}
215 214

216 215
.input-txt{ width:180px; height:26px; color:#666; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; float:left; padding-left:10px;}
217 216
.infor{clear:both; width:100%;overflow:hidden; margin:10px; }
218 217
.infor2{clear:both; width:100%; margin:10px; }
219 218
.infor span,.infor2 span{ display:block; width:60px; height:26px; float:left;font-size:14px;line-height:26px; margin-left:10px;}
220 219
.select{  width:173px; height:24px; border-radius:5px; border:1px #f99550 solid; box-shadow:0 0 1px #f99550 inset; background:url(../images/downselect.png) no-repeat 150px center; float:left; overflow:hidden;}
221
.selectbtn{ width:200px; height:24px; border:none; background:url(../images/downselect.png) no-repeat 150px center; font-size:14px;line-height:26px; color:#999;}
220
.selectbtn{ width:200px; height:24px; border:none; background:url(../images/downselect.png) no-repeat 150px center; font-size:14px;line-height:26px; color:#999;}*/
222 221
/*.infor-save{ float:left; clear:both; width:130px; height:26px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:16px; margin-top:15px; margin-left:10px;  }
223 222
.close,.close2{float: left;  width:130px; height:26px; border-radius:5px; font-weight:normal;background:none; box-shadow:none; border:none;cursor:pointer; padding:0;font-size:14px;line-height:26px; margin-top:15px; margin-left:5px;opacity: 1;color: #666; text-shadow:none; }
224 223
.close:hover,.close2:hover{ background:#ff9900; color:#fff; opacity: 1; }*/
@ -244,9 +243,9 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
244 243

245 244
/*.addclick{position:absolute; right:0;top:50%;margin-top:-24px;font-size: 14px;background: url(../images/addclick.png) 0 14px no-repeat; padding-left: 22px;line-height: 48px;color: #ff9900;cursor: pointer;}
246 245
.edit{  background:url(../images/edit.png) no-repeat left center;}*/
247
.exitlist{position:absolute;margin-top:2px;margin-left:6px; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;cursor:pointer;}
246
/*.exitlist{position:absolute;margin-top:2px;margin-left:6px; width:22px; height:22px; background:url(../images/edit.png) no-repeat left center;cursor:pointer;}*/
248 247
/*.btnbox{ overflow:hidden;padding:16px 20px;}*/
249
.btnbox .btn{margin:0 6px;}
248
/*.btnbox .btn{margin:0 6px;}*/
250 249
/*.btnbox .deletebtn{color:#F00;box-shadow: none;border: none;background:none; float:right;	}*/
251 250

252 251
/*.modifybox{ display:none;padding:10px 36px; margin: 6px -30px;background: #FFF9EF;}*/
@ -256,9 +255,9 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
256 255
.btn-marB{ margin-bottom:30px;cursor:pointer;}*/
257 256
/*.btn{ width:105px; padding:0;cursor:pointer;}
258 257
.btn:hover, .btn:focus { text-decoration: none; color:#fff;}*/
259
.select-sele{ clear:both; width:100%; height:26px;}
258
/*.select-sele{ clear:both; width:100%; height:26px;}
260 259
.add{ float:left;}
261
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px;  margin-left:10px;cursor:pointer; }
260
.addbtn{ float:left; clear:both; width:105px; height:26px; background:#ff9900;box-shadow:none; border:none;cursor:pointer; color:#fff; border-radius:5px;font-size:14px;line-height:26px;  margin-left:10px;cursor:pointer; }*/
262 261

263 262
/*.listbox-browse{ min-height:26px; position:relative;}
264 263
.list-browse{ height:24px;box-shadow:2px 2px 1px #c9c9c9 ; text-align:center;font-size:14px;line-height:26px; color:#666; margin-left:15px; float:left;cursor:pointer;padding-right: 8px;max-width: 60%;text-overflow: ellipsis;white-space: nowrap; overflow:hidden;}
@ -275,7 +274,7 @@ input[type='radio'].radio:checked + .radio {background:url(../images/redio.png)
275 274
.like{ display:block; float:left; width:28px;background:#ff9900; color:#fff;font-size:10px;line-height:26px; margin-right:5px;}*/
276 275
/*.remove{ cursor:pointer; padding-left:5px;}
277 276
.remove img{width:10px;margin-left:6px;}*/
278
.cancel{ cursor:pointer; padding-left:5px;}
277
/*.cancel{ cursor:pointer; padding-left:5px;}
279 278
.ann{ clear:both; color:#7f7e7e;font-size:10px;line-height:10px; margin-left:50px;}
280 279
.input-width{ width:326px;}
281 280
.bus-title{ clear:both;font-size:14px;line-height:26px; color:#3e3e3e; }
@ -308,10 +307,10 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
308 307
.edu-about li{ list-style:none;position:relative;padding-left: 0;}
309 308
.edu-about li div.h4tit{position: relative;padding-left:12px;}
310 309
.edu-about li div.h4tit:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:12px;left:0;}
311
.edu-about li .listdata{position:relative;margin:0 35px; padding-left:16px;}
310
.edu-about li .listdata{position:relative;margin:0 35px; padding-left:16px;}*/
312 311
/*.edu-about li .listdata .listpoint{display: block;width: 5px;height: 5px; background: #888;border-radius: 50%; position: absolute;top: 10px;left:0;}*/
313 312
/*  .edu-about li.listnone{margin: 0; list-style: none;padding-left: 0;}  */
314
.edu-about{ list-style:inside;font-size:14px;line-height:26px;color:#868686;padding:10px 0 26px 0;cursor:pointer;}
313
/*.edu-about{ list-style:inside;font-size:14px;line-height:26px;color:#868686;padding:10px 0 26px 0;cursor:pointer;}
315 314
.edu-about span{ display:none;}
316 315
.edu-infor2 li{padding-left:8px;}
317 316
.infor-browse .edu-about{ color:#666;}
@ -319,7 +318,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
319 318
.infor-browse .showList li{padding:0 35px;}
320 319
.infor-browse .showList2{padding:0 35px;}
321 320
.infor-browse .showList2 li{padding-left:10px;}
322
.infor-browse .showList2 li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}
321
.infor-browse .showList2 li:before{content: ' '; background: #666;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:10px;left:0;}*/
323 322
/*#industryShow li{padding-left:10px;}*/
324 323

325 324
/*企业头部*/
@ -345,7 +344,6 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
345 344
.add-icon{ cursor:pointer;}
346 345
.button{ float:left; width:40px; height:17px; margin-left:10px; margin-top:4px;}
347 346
.modi{ cursor:pointer;padding-left:10px;}
348
/* .floatL{ float:right;} */
349 347
.addbox{ display:none;}
350 348

351 349
/*下拉*/
@ -388,7 +386,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
388 386
/*------------------------------------------------------------------------------------*/
389 387

390 388
/*科研资源*/
391
.shareabout{ position:relative; margin:0 20px;}
389
/*.shareabout{ position:relative; margin:0 20px;}
392 390
.sharesrcbox{overflow:hidden; position:relative; margin:auto;width: 96%;  }
393 391
.sharescrollbox{ overflow:hidden;width:30000em; position:relative; left:0;}
394 392
.sharescrollbox .sharesrc{ width:200px; margin:10px 6px; float:left;}
@ -396,16 +394,16 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
396 394
.sharescrollbox .briefinfor{ width:100%; max-height:100px; text-overflow:ellipsis; overflow:hidden; color:#777; }
397 395
.sharescrollbox .shareshow{ position: relative; width: 200px; height: 200px;border-radius: 4px; overflow: hidden;}
398 396
.shareopeart{ position:absolute; bottom:0px; left:0px; z-index:100; overflow:hidden; width:100%;}
399
.sharebtn{ display:block; text-align:center; float:left; cursor:pointer; width:100%; height:30px;font-size:14px;line-height:30px; background:rgba(0,0,0,.2); color:#fff; /*border:1px solid #d6d6d6;*/}
397
.sharebtn{ display:block; text-align:center; float:left; cursor:pointer; width:100%; height:30px;font-size:14px;line-height:30px; background:rgba(0,0,0,.2); color:#fff;}
400 398
.sharebtn:hover{ color:#fff; background:#ff9900;}
401 399
.resoubtn{ position:absolute;top:40%; width:30px; height:41px; background:#ccc; border-width:1px 1px 0 1px; display:none; cursor:pointer;}
402 400
.resouprev{left:-4px;background:url(../images/arrows.png) -30px 0 no-repeat;}
403 401
.resounext{right:-4px;background:url(../images/arrows.png) 0 0 no-repeat;}
404 402
.resouprev:hover{ background:url(../images/arrows.png) -30px -41px no-repeat;}
405
.resounext:hover{ background:url(../images/arrows.png) 0 -41px no-repeat;}
403
.resounext:hover{ background:url(../images/arrows.png) 0 -41px no-repeat;}*/
406 404

407 405
/*合作历史及评价*/
408
.evaluate2{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
406
/*.evaluate2{ overflow:hidden; border-bottom:1px dashed #d6d6d6; padding:10px 0;}
409 407
.evaluate2 .lefteva{ float:left; max-height:200px; width:12%; max-width:200px; text-align:center; margin-top:10px;}
410 408
.evaluate2 .evaimg{ display:block; width:60px; height:60px; overflow:hidden;margin:auto;}
411 409
.evaluate2 .righteva{ padding:0 10px; float:right; width:88%;}
@ -415,13 +413,13 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
415 413
.evaluate2 .evastar{ display:block; width:20px; height:20px; cursor:pointer; float:left; background:url(../images/evastar.png) 0 -25px no-repeat;}
416 414
.evaluate2 .evabrief{ display:block; max-height:80px; overflow:hidden; text-overflow:ellipsis; }
417 415
.shareabout .morebtn{ text-align:right; overflow:hidden; margin:10px;}
418
.shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}
416
.shareabout .morebtn .morelink{ color:#333;font-size:14px;line-height:60px;float:right; margin-right:20px;}*/
419 417

420 418
/*个人修改页面科研资源*/
421
.enterwork{ color:#333;position:absolute; bottom:10px; left:102px; cursor: pointer;}
422
.enterwork:hover{color:#ff9900;}
419
/*.enterwork{ color:#333;position:absolute; bottom:10px; left:102px; cursor: pointer;}
420
.enterwork:hover{color:#ff9900;}*/
423 421
/*机构信息页面*/
424
.head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
422
/*.head-org{ float:left;  position: relative;width:180px; height:180px; overflow:hidden;}
425 423

426 424
.similarblock{ overflow:hidden; margin:0 10px; padding:10px; border-bottom:1px dashed #d6d6d6;}
427 425
.similarblock .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; float:left; margin-right:20px;}
@ -431,10 +429,10 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
431 429
.subuser{ overflow:hidden;}
432 430
.subuser li{ overflow:hidden; float:left; text-align:center; padding:10px; width:24%; list-style:none;}
433 431
.subuser li .evaimg{ display:block; width:60px; height:60px; overflow:hidden; border:1px solid #999; border-radius:4px; margin:auto;}
434
#evastarboxx .staspan{background: url(../images/evastar.png) 0 -3px no-repeat;}
432
#evastarboxx .staspan{background: url(../images/evastar.png) 0 -3px no-repeat;}*/
435 433

436 434
/*资源详细信息页面*/
437
.resouLeft{ width: 79%;/*border:1px solid #eaeaea;*/}
435
/*.resouLeft{ width: 79%;}
438 436
.resTop{padding:6px;position: relative;padding:20px 10px;background:#FFFFFF;}
439 437
.resBrief{width:60%;min-height: 300px;margin-right:1%;}
440 438
.resBrief .h2Font{line-height: 26px;}
@ -444,7 +442,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
444 442
.resAbout .subtit{line-height: 36px; }
445 443
.resUlbox {margin: 1% 2%;}
446 444
.resUl {width:85%;color:#666666}
447
.resUl li{ float: left; margin: 1%;padding:4px 16px; background: #FFFFFF; /*border: 1px solid #e6e6e6;*/border-radius: 6px;}
445
.resUl li{ float: left; margin: 1%;padding:4px 16px; background: #FFFFFF; border-radius: 6px;}
448 446

449 447
.resBottom{margin:10px 0;padding:20px 10px;background:#FFFFFF;}
450 448
.resMore{margin:10px 30px 30px 30px; overflow: hidden; border:1px solid #eaeaea;padding:15px;line-height: 24px;color: #666; min-height: 640px;}
@ -459,42 +457,42 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
459 457
.otherRes li{border: 1px solid #e4e5e7;overflow:hidden;margin:10px 0;border-radius: 6px;cursor: pointer;}
460 458
.otherRes li a{display: block;}
461 459
.otherRes li .resoumag .resourceImgBox{ max-width:168px;width:168px;height: 168px;}
462
.otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}
460
.otherRes li .resoumag h2{color: #666666; text-align: center; padding:10px;}*/
463 461
/*科研文章*/
464
.otherRes.shareshow{height:220px;overflow:hidden;width:100%;padding:10px 0;margin-right:-12px;}
462
/*.otherRes.shareshow{height:220px;overflow:hidden;width:100%;padding:10px 0;margin-right:-12px;}
465 463
.otherRes.shareshow li{ width: 202px;float:left;border: 1px solid #e4e5e7;margin:0 14px 14px 0;border-radius: 6px;cursor: pointer;}
466
.otherRes.shareshow li:last-child{margin:0 0 12px 0;}
464
.otherRes.shareshow li:last-child{margin:0 0 12px 0;}*/
467 465

468 466
/*文章详细信息页面*/
469
.resBrief2{width: 98%;margin: auto;min-height:80px;}
467
/*.resBrief2{width: 98%;margin: auto;min-height:80px;}
470 468
.resBrief2 .subtit{line-height: 42px; }
471 469
.resBrief2 .resAbout{margin-bottom: 20px;}
472 470
.art_topicBox{position: relative;display: block;}
473 471
.art_tbox{ position:absolute;top:0;width:100%;height:100%;
474
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Safari 5.1 - 6.0 */
475
	background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Opera 11.1 - 12.0 */
476
	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* Firefox 3.6 - 15 */
477
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); /* 标准的语法 */
472
	background: -webkit-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2)); 
473
	background: -o-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2));
474
	background: -moz-linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2));
475
	background: linear-gradient( rgba(0,0,0,0), rgba(0,0,0,0.2));
478 476
}
479 477
#artical_topic{position: absolute;bottom:0;padding:6px 10px;font-size:14px;line-height:16px;color:#FFFFFF}
480 478
.art_img{ width: 100%; height:160px; overflow: hidden;
481 479
	background-image: url(../images/default-artical.jpg);
482 480
	background-repeat:no-repeat;
483 481
	background-position:center center;
484
	background-size:cover;/*宽高覆盖区域*/
482
	background-size:cover;
485 483
	-moz-background-size:cover;
486
	-webkit-background-size:cover;}
484
	-webkit-background-size:cover;}*/
487 485

488
.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
486
/*.tagsBox{padding:4%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
489 487
.tagsBox span{color:#666;margin:0 2px;font-size: 13px;}
490 488
.main_content{width:94%; margin: auto;}
491 489
#artical_real p{margin:6px 0;padding:2px;font-size: 15px; line-height: 26px;color:#666666;}
492 490
#artical_real p.indentNone{text-indent: 0;text-align: center;}
493 491
#artical_real p.indentNone img{width:90%; margin: 10px 0;}
494 492
#artical_real .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
495
#artical_real .artSTit{text-indent: 0.5em;font-size:16px; color:#069E21;}
493
#artical_real .artSTit{text-indent: 0.5em;font-size:16px; color:#069E21;}*/
496 494

497
.share-nav{position:static;background:rgba(245, 248, 251, 0.94); padding:10px 20px;border-top:1px solid transparent;border-bottom:1px solid transparent;}
495
/*.share-nav{position:static;background:rgba(245, 248, 251, 0.94); padding:10px 20px;border-top:1px solid transparent;border-bottom:1px solid transparent;}
498 496
.share-nav.fixed{position:fixed;width:810px;bottom:0;display:block;border-top:1px solid #d3d7db;border-bottom:1px solid #d3d7db;}
499 497
.navOperate{color:#888888;margin:6px 8px;}
500 498
.navOperate:hover{color:#ff9900;}
@ -506,7 +504,7 @@ label.edu-radio{ float:none;font-size:16px;line-height:26px; color:#868686; }
506 504
.share-nav .shareBttn:hover{background: #52DA4D;color: #FFFFFF;}
507 505
.share-nav .wordHave{background: url(../images/wrapIcon.png) 0 -47px no-repeat; background-size:100% auto ;}
508 506
.share-nav .wordHave:hover{background: url(../images/wrapIcon.png) 0 -69px no-repeat; background-size:100% auto;}
509
.share-nav .listtit2{line-height: 40px;margin-left:10px;width:86%;color:#888;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}
507
.share-nav .listtit2{line-height: 40px;margin-left:10px;width:86%;color:#888;text-overflow:ellipsis;white-space: nowrap; overflow:hidden;}*/
510 508

511 509
.commentsArea{padding-bottom: 40px;}
512 510
.comments-title{font-size:22px;line-height:40px;margin: 10px 0 40px 0;padding-bottom: 6px;border-bottom: 1px solid #dadada;}

+ 113 - 22
index.html

@ -53,14 +53,6 @@
53 53
			<h1>让企业没有难搞的研发</h1>
54 54
			<h2>科袖,搭建企业与专家的桥梁</h2>
55 55
			<div class="main-search bgRadius">
56
				 <!--<div class="simuselect floatL" id="lookFor">
57
                	<div class="ulbox lookwho" onclick="showmenu()" id="div_select">找专家</div> 
58
					<ul id="li_show" class="lishow"> 
59
					    <li><div onclick="selectThis('找专家')">找专家</div></li> 
60
					    <li><div onclick="selectThis('找资源')">找资源</div></li> 
61
					</ul>
62
				</div>-->
63
			    <!-- <select class="lookwho floatL" id="lookFor"><option value="0">找专家</option><option value="1">找资源</option></select>  -->
64 56
				<input type="text" placeholder="搜索专家、资源、文章" class="sear-txt" id="searchContent" >
65 57
				<div class="sear-btn" id="search" >搜索</div>
66 58
			</div>
@ -77,7 +69,7 @@
77 69
			  		</div>
78 70
			  		<div class="link-btn-tip">
79 71
			  			<h2 class="link-tip-tit">发布需求</h2>
80
			  			<p>获得专家回复,解决研发难题<br />研发成本合理化</p>
72
			  			<p>获得专家回复,解决研发难题<br />研发成本合理化</p>
81 73
			  			<button type="button" class="btn btn-pro" id="postNow">立即发布</button>
82 74
			  		</div>
83 75
			  	</div>
@ -90,7 +82,7 @@
90 82
			  		</div>
91 83
			  		<div class="link-btn-tip">
92 84
			  			<h2 class="link-tip-tit">我是专家</h2>
93
			  			<p>提升学术声誉,寻找企业合作,<br />科研价值变现</p>
85
			  			<p>开通个人主页,提升学术声誉<br />发现横向课题合作机会,将科研价值变现</p>
94 86
			  			<button type="button" class="btn btn-pro" id="JoinKeXiu">加入科袖</button>
95 87
			  		</div>
96 88
			  	</div>
@ -103,7 +95,7 @@
103 95
			  		</div>
104 96
			  		<div class="link-btn-tip">
105 97
			  			<h2 class="link-tip-tit">企业入驻</h2>
106
			  			<p>注册企业账户,开通专属主页,<br />让专家详细了解企业信息和需求,解决您的研发难题</p>
98
			  			<p>开通企业主页,提升企业知名度<br />让专家更好地了解企业,解决研发难题</p>
107 99
			  			<button type="button" class="btn btn-pro" id="cmpSettled">入驻科袖</button>
108 100
			  		</div>
109 101
			  	</div>
@ -111,7 +103,7 @@
111 103
			</div>
112 104
	    </div>
113 105
	</div>
114
	<div class="hot-field">
106
	<!--<div class="hot-field">
115 107
		<div class="container-fulid">
116 108
	    	<div class="containerCon">
117 109
	    		<div class="con-tit">
@ -156,8 +148,8 @@
156 148
				</div>
157 149
			</div>
158 150
	    </div>
159
	</div>
160
	<div class="hot-professor">
151
	</div>-->
152
	<!--<div class="hot-professor">
161 153
		<div class="container-fulid">
162 154
	    	<div class="containerCon">
163 155
	    		<div class="con-tit">
@ -165,14 +157,12 @@
165 157
	    			<p class="showtip">严选 1000 + 知名学者、高级研究员、高级工程师,为您解决研发难题</p>
166 158
	    		</div>
167 159
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
168
				    <!-- Indicators -->
169 160
				    <ol class="carousel-indicators">
170 161
					    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
171 162
					    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
172 163
					    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
173 164
				    </ol>
174 165
				
175
				    <!-- Wrapper for slides -->
176 166
				    <div class="carousel-inner" role="listbox">
177 167
					    <div class="item active">
178 168
					    	<a class="aitemLink" href="userInforShow.html?professorId=5955AF8E868A4FABBCB1DA1B026DC514" alt="孟国哲">
@ -218,8 +208,6 @@
218 208
						    </a>
219 209
					    </div>
220 210
				    </div>
221
				
222
				    <!-- Controls -->
223 211
				    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
224 212
					    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
225 213
					    <span class="sr-only">Previous</span>
@ -231,7 +219,110 @@
231 219
				</div>
232 220
			</div>
233 221
	    </div>
222
	</div>-->
223
	<div class="container-fulid">
224
	    <div class="containerCon">
225
	    	<div class="con-tit">
226
    			<h4 class="hh4"><span class="homeicon-pro">专家对接</span></h4>
227
    			<p class="showtip">来自高校和研究机构的教授、研究员、工程师,覆盖各个领域,专业、可靠、高效</p>
228
    		</div>
229
    		<ul class="con-ultab clearfix" id="hotArea">
230
    			
231
    		</ul>
232
    		<ul class="con-ulList con-ulListO clearfix" id="proShow">
233
    			
234
    		</ul>
235
		</div>
236
	</div>
237
	<div class="container-fulid">
238
	    <div class="containerCon">
239
	    	<div class="con-tit">
240
    			<h4 class="hh4"><span class="homeicon-area">资源共享</span></h4>
241
    			<p class="showtip">与高校和检测机构共享实验仪器、检测设备</p>
242
    		</div>
243
    		<ul class="con-ulList con-ulListF clearfix" id="resShare">
244
    			
245
    		</ul>
246
		</div>
234 247
	</div>
248
	<div class="container-fulid">
249
	    <div class="containerCon">
250
	    	<div class="con-tit">
251
    			<h4 class="hh4"><span class="homeicon-hezuo">入驻企业</span></h4>
252
    		</div>
253
    		<ul class="con-ulList clearfix" id="ruZhuCmp">
254
    			
255
    		</ul>
256
		</div>
257
	</div>
258
	<div class="container-fulid hot-professor">
259
    		<div class="con-tit">
260
    			<h4 class="hh4"><span class="homeicon-fangtan">科袖访谈</span></h4>
261
    		</div>
262
			<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
263
			    <!-- Indicators -->
264
			    <!--<ol class="carousel-indicators">
265
				    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
266
				    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
267
				    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
268
			    </ol>-->
269
			
270
			    <!-- Wrapper for slides -->
271
			    <div class="carousel-inner" role="listbox" id="carouselThis">
272
				    <div class="item active">
273
				    	<a class="aitemLink" href="userInforShow.html?professorId=5955AF8E868A4FABBCB1DA1B026DC514" style="background-image: url(images/banner/banner01.jpg);" alt="孟国哲">
274
					        <div class="carousel-caption">
275
						      	 <div class="homeinfo-pro">
276
						      	 	<p class="h1font">孟国哲</p>
277
						      	 	<p class="h1font">教授,哈尔滨工程大学</p>
278
						      	 	<p class="h2font">发明专利:铜镍合金铈盐化学转化膜处理方法</p>
279
						      	 	<p class="h2font">发明专利:利用电化学噪声技术测量材料局部腐蚀的方法及噪声探头和制法</p>
280
						      	 	<p class="h2font">发明专利:一种高强钢氢损伤的表面吸附氢快速检测方法</p>
281
						      	 </div>
282
					      	</div>
283
					    </a>
284
				    </div>
285
				    <div class="item">
286
				    	<a class="aitemLink" href="userInforShow.html?professorId=4555021E1A53489C8BD42A2F67B62CAA" style="background-image: url(images/c-sign-on_bg_img_nor.png);" alt="柳伟">
287
					      <div class="carousel-caption">
288
					      	 <div class="homeinfo-pro">
289
					      	 	<p class="h1font">柳伟</p>
290
					      	 	<p class="h1font">副教授,研究员级高级工程师,北京科技大学</p>
291
					      	 	<p class="h2font">国家863项目:耐海洋大气腐蚀高强度海洋工程用钢的组织、性能控制技术及其应用</p>
292
					      	 	<p class="h2font">国家科技重大专项:高强度耐腐蚀石油天然气集输和输送用管线钢生产技术</p>
293
					      	 	<p class="h2font">国家973项目二级课题:高强韧耐海洋大气腐蚀超细复合组织钢</p>
294
					      	 	<p class="h2font">国家自然科学基金重点项目:金属材料高温高压多相介质的腐蚀研究</p>
295
					      	 </div>
296
					      </div>
297
					    </a>
298
				    </div>
299
				    <div class="item">
300
				    	<a class="aitemLink" href="userInforShow.html?professorId=F9E3DAD76E3841F7A35F23CF57430740" style="background-image: url(images/fieldbg.jpg);" alt="时国庆">
301
					      <div class="carousel-caption">
302
					      	 <div class="homeinfo-pro">
303
					      	 	<p class="h1font">时国庆</p>
304
					      	 	<p class="h1font">副教授,北京科技大学</p>
305
					      	 	<p class="h2font">国家863项目子课题:粮食中霉菌毒素高通量筛查技术研究与产品开发</p>
306
					      	 	<p class="h2font">国家科技支撑计划子课题:酞酸酯类化合物单克隆抗体及免疫</p>
307
					      	 	<p class="h2font">中央高校基础科研业务费青年人才基金项目:婴幼儿食品中内分泌干扰物的快速免疫检测技术研究</p>
308
					      	 </div>
309
					      </div>
310
					    </a>
311
				    </div>
312
			    </div>
313
			
314
			    <!-- Controls -->
315
			    <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
316
				    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
317
				    <span class="sr-only">Previous</span>
318
			    </a>
319
			  	<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
320
				    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
321
				    <span class="sr-only">Next</span>
322
			  	</a>
323
			</div>
324
	</div>
325
	
235 326
	<div class="container-fulid urlLinkBox">
236 327
	    <div class="containerCon">
237 328
            <h3 class="tit-M col-w-1" style="margin-bottom: 0;">友情链接</h3>
@ -253,13 +344,13 @@
253 344
<script type="text/javascript" src="js/index.js"></script>
254 345
<script type="text/javascript">
255 346
	$(document).scroll(function() {
256
		var top = $(document).scrollTop();
257
		if (top == 0) {
347
		var topMo = $(document).scrollTop();
348
		if (topMo == 0) {
258 349
			$("#header").css("top","30px");
259 350
		} else {
260 351
			$("#header").css("top","0");	
261 352
		}
262
		if (top >= 350) {
353
		if (topMo >= 350) {
263 354
			$(".searchblock").stop(true,false).fadeIn();
264 355
		}else{
265 356
			$(".searchblock").stop(true,false).fadeOut();
@ -270,7 +361,7 @@
270 361
		$(".modelContain").hide();
271 362
		$(".blackcover2").fadeOut();
272 363
		$("body").removeClass("modelOpen");
273
	})
364
	})
274 365
</script>
275 366
<script src="http://s4.cnzz.com/z_stat.php?id=1261924710&web_id=1261924710" language="JavaScript"></script>
276 367
</body>

+ 385 - 19
js/index.js

@ -24,11 +24,10 @@ $(function(){
24 24
		'<div style="height:56px;"><input type="text" class="form-control sureOrg" placeholder="如:北京科袖科技有限公司" /><p class="msg-warning">50字以内</p></div>'+
25 25
		'<div class="msg-tip"><p>注:</p><p>1. 只能发布您所在机构的需求。</p><p>2. 当您在资料中变更了所在机构后,该需求将会自动关闭。</p></div></div>';
26 26

27
$(".setTimeBlock").on("focus",".sureOrg",function(){
27
	$(".setTimeBlock").on("focus",".sureOrg",function(){
28 28
		$(".msg-warning").show();
29 29
	}).on("blur",".sureOrg",function(){
30 30
		$(".msg-warning").hide();
31
		//$(".msg-warning").text("222")
32 31
	}).on("keyup",".sureOrg",function(){
33 32
		if($(this).val().length>0){
34 33
			$(".setTimeBlock").find(".mb_btnOkpub").removeAttr("disabled");
@ -111,23 +110,6 @@ $(".setTimeBlock").on("focus",".sureOrg",function(){
111 110
		}
112 111
		location.href="expert-authentication.html"
113 112
	})
114
	
115
	//热门领域
116
	$(".field").bind("click",function(){
117
		location.href = "searchNew.html?subject=" + encodeURI($(this).text());
118
	})
119
	//热门专家
120
	$('.professor').hover(function() {
121
		$(this).find(".professor-data").stop(true, false).animate({
122
			"padding": "94px 0",
123
			"top": "-50px"
124
		})
125
	}, function() {
126
		$(this).find(".professor-data").stop(true, false).animate({
127
			"padding": "25px 0",
128
			"top": "58%"
129
		})
130
	})
131 113
	function updateOrgName(newName){
132 114
		$.ajax({
133 115
			"url": "/ajax/professor/org",
@ -148,4 +130,388 @@ $(".setTimeBlock").on("focus",".sureOrg",function(){
148 130
			}
149 131
		});
150 132
	}
133
	
134
	var thisTabcon=$(".con-ultab>li:first-child").text();
135
	$(".con-ultab>li").eq(0).addClass("liNow");
136
	ruZhuCmp()
137
	resShare()
138
	hotArea()
139
	carouselThis()
140
	proShow(thisTabcon)
141
	
142
	$(".con-ultab").on("click","li",function(){
143
		thisTabcon=$(this).text();
144
		$(".con-ultab>li").eq($(this).index()).addClass("liNow").siblings().removeClass("liNow")
145
		proShow(thisTabcon);
146
	})
147
	$(".con-ulList").on("mouseenter","li",function(){
148
		$(this).find(".boxBlockimg").css("transform", "scale(1.1)");
149
	}).on("mouseleave","li",function(){
150
		$(this).find(".boxBlockimg").css("transform", "scale(1)");
151
	})
152
	function ruZhuCmp(){//入驻企业
153
		$.ajax({
154
			url: "/ajax/org/find/pq",
155
			type: "GET",
156
			timeout: 10000,
157
			dataType: "json",
158
			data:{
159
				"pageSize": 6,
160
				"pageNo": 1
161
			},
162
			success: function(data) {
163
				if(data.success) {
164
					var $info = data.data.data;
165
					for(var i = 0; i < $info.length; i++) {
166
						var liStr=$("<li></li>").appendTo("#ruZhuCmp");
167
						var cmpname,imgurl='../images/default-icon.jpg'
168
						if($info[i].hasOrgLogo) {
169
							imgurl='/images/org/' + $info[i].id + '.jpg';
170
						}
171
//						if($info[i].forShort){
172
//							cmpname = $info[i].forShort;
173
//						}else{
174
							cmpname = $info[i].name;
175
//						}
176
						var oSty={sty:"",tit:""};
177
						if($info[i].authStatus == 3) {
178
							oSty.sty="authicon-com-ok"
179
							oSty.tit="科袖认证企业"
180
						}
181
						var orgOther = "",orgType="";
182
						if($info[i].industry) {
183
							orgOther = $info[i].industry.replace(/,/gi, " | ");
184
						}
185
						if($info[i].orgType == "2") {
186
							orgType = orgTypeShow[$info[i].orgType] + "<span style='margin-right:16px;'></span>";
187
						}
188
						var strCon='';
189
						strCon += '<a target="_blank" href="cmpInforShow.html?orgId='+$info[i].id+'">'
190
						strCon += '<div class="madiaHead">'
191
						strCon += '<div class="boxBlock"><img class="boxBlockimg" src="'+imgurl+'"></div></div>'
192
						strCon += '<div class="madiaInfo">'
193
						strCon += '<div class="h1Font clearfix">'
194
						strCon += 	'<span class="qiyego ellipsisSty">'+cmpname+'</span>'
195
						strCon += 	'<span class="authiconNew '+oSty.sty+'" title="'+oSty.tit+'"></span>'
196
						strCon += '</div>'
197
						strCon += '<div class="h3Font ellipsisSty">'
198
						strCon += 	'<span>'+orgType+orgOther+'</span>'
199
						strCon += '</div>'
200
						strCon += '</div></a>'
201
						liStr.html(strCon);
202
					}
203
				}
204
			},
205
			error: function() {
206

207
			}
208
		})
209
	}
210
	function resShare(){//资源共享
211
		$.ajax({
212
			url: "/ajax/resource/firstpq",
213
			type: "GET",
214
			timeout: 10000,
215
			dataType: "json",
216
			data:{
217
				"pageSize":8,
218
				"pageNo": 1
219
			},
220
			success: function(data) {
221
				if(data.success) {
222
					var $info = data.data.data;
223
					for(var i = 0; i < $info.length; i++) {
224
						var liStr=$("<li></li>").appendTo("#resShare");
225
						var cmpname,imgurl='../images/default-resource.jpg'
226
						var oSty={sty:"",tit:""};
227
						if($info[i].images.length > 0) {
228
							imgurl='/data/resource/' + $info[i].images[0].imageSrc 
229
						}
230
						if($info[i].resourceType == 1) { //个人资源
231
							cmpname = $info[i].editProfessor.name;
232
							oSty = autho($info[i].editProfessor.authType, $info[i].editProfessor.orgAuth, $info[i].editProfessor.authStatus);
233
						} else if($info[i].resourceType == 2) { //企业资源
234
							if($info[i].organization.forShort) {
235
								cmpname = $info[i].organization.forShort;
236
							}else{
237
								cmpname = $info[i].organization.name;
238
							}
239
							if($info[i].organization.authStatus==3){
240
								oSty.sty="authicon-com-ok"
241
								oSty.tit="科袖认证企业"
242
							}
243
						}
244
						var strCon='';
245
						strCon += '<a target="_blank" class="madiaOuter" href="resourceShow.html?resourceId='+$info[i].resourceId+'" style="background-image:url('+imgurl+');">'
246
//						strCon += '<div class="madiaHead" style="background-image:url('+imgurl+')"></div>'
247
						strCon += '<div class="madiaInfo madiaInner">'
248
						strCon += '<div class="h1Font ellipsisSty-2">'+$info[i].resourceName+'</div>'
249
						strCon += '<div class="h3Font clearfix">'
250
						strCon += 	'<span class="qiyego ellipsisSty">'+cmpname+'</span>'
251
						strCon += 	'<span class="authiconNew '+oSty.sty+'" title="'+oSty.tit+'"></span>'
252
						strCon += '</div>'
253
						strCon += '</div></a>'
254
						liStr.html(strCon);
255
					}
256
					$(".madiaOuter").each(function(i){
257
						$(this).showOn($(".madiaInner").eq(i));
258
					});
259
				}
260
			},
261
			error: function() {
262

263
			}
264
		})
265
	}
266
	function proShow(thiscon){//专家
267
		$.ajax({
268
			url: "/ajax/professor/pqBaseInfo",
269
			type: "GET",
270
			timeout: 10000,
271
			dataType: "json",
272
			async:false,
273
			data:{
274
				"subject":thiscon,
275
				"pageSize": 6,
276
				"pageNo": 1
277
			},
278
			success: function(data) {
279
				if(data.success) {
280
					var $info = data.data.data;
281
					//console.log(data)
282
					$("#proShow").html("");
283
					for(var i = 0; i < $info.length; i++) {
284
						var liStr=$("<li class='flexCenter'></li>").appendTo("#proShow");
285
						var cmpname,imgurl='../images/default-photo.jpg'
286
						var oSty=autho($info[i].authType, $info[i].orgAuth, $info[i].authStatus);
287
						cmpname = $info[i].name;
288
						if($info[i].hasHeadImage) {
289
							imgurl='/images/head/' + $info[i].id + '_l.jpg';
290
						}
291
						var oTitle='';
292
						if($info[i].title) {
293
							oTitle = $info[i].title;
294
							if($info[i].orgName){
295
								oTitle = $info[i].title +','+ $info[i].orgName;
296
							}
297
						} else {
298
							if($info[i].office) {
299
								oTitle = $info[i].office;
300
								if($info[i].orgName){
301
									oTitle = $info[i].office +','+ $info[i].orgName;
302
								}
303
							}
304
						}
305
						var oResult=""
306
						if($info[i].researchAreas.length > 0){
307
							oResult = '研究方向:';
308
							for(var n = 0; n < $info[i].researchAreas.length; n++) {
309
								oResult += $info[i].researchAreas[n].caption
310
								if(n < $info[i].researchAreas.length - 1) {
311
									oResult += ";"
312
								}
313
							}
314
						}
315
						
316
						var strCon='';
317
						strCon += '<a target="_blank" href="userInforShow.html?professorId='+$info[i].id+'">'
318
						strCon += '<div class="madiaHead" style="background-image:url('+imgurl+')"></div>'
319
						strCon += '<div class="madiaInfo">'
320
						strCon += '<div class="h1Font clearfix">'
321
						strCon += 	'<span class="qiyego ellipsisSty">'+cmpname+'</span>'
322
						strCon += 	'<span class="authiconNew '+oSty.sty+'" title="'+oSty.tit+'"></span>'
323
						strCon += '</div>'
324
						strCon += '<div class="h3Font ellipsisSty" style="margin-top:0;">'+oTitle+'</div>'
325
						strCon += '<div class="h3Font ellipsisSty-2">'+oResult+'</div>'
326
						strCon += '</div></a>'
327
						liStr.html(strCon);
328
					}
329
				}
330
			},
331
			error: function() {
332

333
			}
334
		})
335
	}
336
	function hotArea(){//领域名称
337
		$.ajax({
338
			url: "/ajax/dataDict/qaDictCode",
339
			type: "GET",
340
			timeout: 10000,
341
			async:false,
342
			dataType: "json",
343
			data: {
344
				"dictCode":"SUBJECT",
345
			},
346
			success: function(data) {
347
				if(data.success) {
348
					var $info = data.data;
349
					//console.log(data)
350
					for(var i = 0; i < $info.length; i++) {
351
						var liStr=$("<li>"+$info[i].caption+"</li>").appendTo("#hotArea");
352
					}
353
				}
354
			},
355
			error: function() {
356

357
			}
358
		})
359
	}
360
	
361
	//kexiu carousel
362
	function carouselThis(){
363
		$.ajax({
364
			url: "/ajax/article/find",
365
			type: "GET",
366
			timeout: 10000,
367
			dataType: "json",
368
			data:{
369
				"col": 7,
370
				"pageSize": 3,
371
				"pageNo": 1
372
			},
373
			success: function(data) {
374
				if(data.success) {
375
					$("#carouselThis").html("");
376
					var $info = data.data.data;
377
					for(var i = 0; i < $info.length; i++) {
378
						var liStr=$('<div class="item"></div>').appendTo("#carouselThis");
379
						if(i==0){
380
							$(".item").addClass("active")
381
						}
382
						var imgurl="../images/default-artical.jpg";
383
						if($info[i].articleImg) {
384
							imgurl ='/data/article/' + $info[i].articleImg ;
385
						}
386
						if($info[i].articleType==1){
387
							
388
						}
389
						var strCon='';
390
						strCon += '<a target="_blank" class="aitemLink" href="articalShow.html?articleId='+ $info[i].articleId+'" style="background-image: url('+ imgurl+')" alt="'+$info[i].articleTitle+'">'
391
						strCon += '<div class="carousel-caption">'
392
						strCon += '<div class="homeinfo">'
393
						strCon += 	'<p class="h1Font ellipsisSty-2">'+ $info[i].articleTitle+'</p>'
394
//						strCon += 	'<p class="h2Font ">'+ authorInfo +'</p>'
395
//						strCon += 	'<p class="h2Font">'+ $info[i].articleContent +'</p>'
396
						strCon += '</div>'
397
						strCon += '</div></a>'
398
						liStr.html(strCon);
399
//						if($info[i].articleType==1){
400
//							userFun($info[i].professorId, liStr);
401
//						}else{
402
//							cmpFun($info[i].orgId, liStr);
403
//						}
404
					}
405
				}
406
			},
407
			error: function() {
408

409
			}
410
		})
411
	}
412
	
413
	/*用户信息*/
414
	function userFun(id,$listItem) {
415
		$.ajax({
416
			"url": "/ajax/professor/baseInfo/" + id,
417
			"type": "get",
418
			"async": true,
419
			"success": function(data) {
420
				if(data.success && data.data) {
421
					$listItem.find(".ownerName").text(data.data.name);
422
				}
423
			},
424
			"error": function() {
425
				$.MsgBox.Alert('提示', '链接服务器超时')
426
			}
427
		});
428
	}
429
	/*企业用户信息*/
430
	function cmpFun(id,$listItem) {
431
		$.ajax({
432
			"url": "/ajax/org/" + id,
433
			"type": "get",
434
			"async": true,
435
			"success": function(data) {
436
				if(data.success && data.data) {
437
					if(data.data.forShort) {
438
						$listItem.find(".ownerName").text(data.data.forShort);
439
					}else{
440
						$listItem.find(".ownerName").text(data.data.name);
441
					}
442
				}
443
			},
444
			"error": function() {
445
				$.MsgBox.Alert('提示', '链接服务器超时')
446
			}
447
		});
448
	}
449
	//资源mouseIn效果
450
	(function($){
451
		$.fn.extend({
452
			showOn : function(div){
453
				var w = this.width(),
454
					h = this.height(),
455
					xpos = w/2,
456
					ypos = h/2,
457
					eventType = "",
458
					direct = "";
459
				this.css({"overflow" : "hidden", "position" : "relative"});
460
				div.css({"position" : "absolute", "top" : this.width()});
461
				this.on("mouseenter mouseleave", function(e){
462
					var oe = e || event;
463
					var x = oe.offsetX;
464
					var y = oe.offsetY;
465
					var angle = Math.atan((x - xpos)/(y - ypos)) * 180 / Math.PI;
466
					if(angle > -45 && angle < 45 && y > ypos){
467
						direct = "down";
468
					}
469
					if(angle > -45 && angle < 45 && y < ypos){
470
						direct = "up";
471
					}
472
					if(((angle > -90 && angle <-45) || (angle >45 && angle <90)) && x > xpos){
473
						direct = "right";
474
					}
475
					if(((angle > -90 && angle <-45) || (angle >45 && angle <90)) && x < xpos){
476
						direct = "left";
477
					}
478
					move(e.type, direct)
479
				});
480
				function move(eventType, direct){
481
					if(eventType == "mouseenter"){
482
						switch(direct){
483
							case "down":
484
								div.css({"left": "0px", "top": h}).stop(true,true).animate({"top": "0px"}, "fast");	
485
								break;
486
							case "up":
487
								div.css({"left": "0px", "top": -h}).stop(true,true).animate({"top": "0px"}, "fast");	
488
								break;
489
							case "right":
490
								div.css({"left": w, "top": "0px"}).stop(true,true).animate({"left": "0px"}, "fast");	
491
								break;
492
							case "left":
493
								div.css({"left": -w, "top": "0px"}).stop(true,true).animate({"left": "0px"}, "fast");	
494
								break;
495
						}
496
					}else{
497
						switch(direct){
498
							case "down":
499
								div.stop(true,true).animate({"top": h}, "fast");	
500
								break;
501
							case "up":
502
								div.stop(true,true).animate({"top": -h}, "fast");	
503
								break;
504
							case "right":
505
								div.stop(true,true).animate({"left": w}, "fast");	
506
								break;
507
							case "left":
508
								div.stop(true,true).animate({"left": -w}, "fast");	
509
								break;
510
						}
511
					}
512
				}
513
			}
514
		});
515
	})(jQuery)
151 516
})
517