-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
766 lines (749 loc) · 41.5 KB
/
index.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
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>βhouse工作室</title>
<meta name="description" content="一群热爱技术的孩子">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/unleash.1.2.css" />
<!--<link rel="stylesheet" href="css/bootstrap-theme.min.css">-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<script src="js/vendor/modernizr-2.6.2.min.js"></script>
<style>
.box{
width: 580px!important;
}
</style>
</head>
<body>
<!--[if lt IE 7]>
<p class="chromeframe">你正在使用<strong>过旧的</strong> 浏览器. 请尽快<a href="http://browsehappy.com/">更新</a>.</p>
<![endif]-->
<div class="pop"><div id="exam"></div></div>
<div class="blur"></div>
<div id="headerbox">
<div class="row container">
<div class="col-md-3"></div>
<div class="col-sm-12 col-md-3 text-center" id="logo"><img src="img/logo.png" alt="logo img"></div>
<div class="col-md-3"></div>
<!-- nav -->
<div class="col-md-3" id="navbox">
<div class="one" id="one0">
<div class="thing" id="thing0">首页</div>
<div class="straight" id="s0"></div>
<div class="circle" id="circle1"></div>
</div>
<div class="one" id="one1">
<div class="thing" id="thing1">招新啦</div>
<div class="straight" id="s1"></div>
<div class="circle" id="circle2"></div>
</div>
<div class="one" id="one2">
<div class="thing" id="thing2">书城</div>
<div class="straight" id="s2"></div>
<div class="circle" id="circle3"></div>
</div>
<div class="one" id="one3">
<div class="thing" id="thing3">在线学习平台</div>
<div class="straight" id="s3"></div>
<div class="circle" id="circle4"></div>
</div>
<div class="one" id="one4">
<div class="thing" id="thing4">贝塔妹</div>
<div class="straight" id="s4"></div>
<div class="circle" id="circle5"></div>
</div>
</div>
</div>
</div>
<div id="contentbox">
<!-- tab -->
<div class="col-md-2 col-lg-3 row" id="tab1">
<div class="col-lg-6" id="tab-left"></div>
<div class="col-lg-6">
<div class='item active1' id="expire4"><span>第四届</span></div>
<div class='item' id="expire3"><span>第三届</span></div>
<div class='item' id="expire2"><span>第二届</span></div>
<div class='item' id="expire1"><span>第一届</span></div>
</div>
</div>
<div class="row" id="tab2">
<div class='item active2' id="expire44"><span>第四届</span></div>
<div class='item' id="expire33"><span>第三届</span></div>
<div class='item' id="expire22"><span>第二届</span></div>
<div class='item' id="expire11"><span>第一届</span></div>
</div>
<div id="com" class="col-md-10 col-lg-9">
<!--picture-->
<div class="outer" id="outer1">
<div class="box"> <img src="img/card1.png" />
<div class="caption_1" style="display:none"></div>
</div>
<!-- ccd -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/1/ccd.jpg">
</div>
<div class="intro">
<P>专业：金融学</P>
<p>简介：现就职于Vobile Inc热爱产品设计、足球、音乐希望和喜欢的人做喜欢的事。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- hzh -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/1/hzh.jpg">
</div>
<div class="intro">
<P>专业：电子信息科学与技术</P>
<p>简介：Doing what in beta-house: Linux System Administrator. Interested in: Arduino, Fedora, linguistics, NASA, Power Electronic, tour, WOW. Master of Engineering at Oregon State University . What I want to say is: 조선민주주의인민공화국 만세! 21세기의 태양 김정은 동지 만세!</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- sb -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/1/sb.jpg">
</div>
<div class="intro">
<P>专业：金融</P>
<p>简介： 摄影和数码产品发烧友，希望用镜头去记录身边的各种美好。目前的工作单位上海工商行政管理局。 </p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- tj -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/1/tj.jpg">
</div>
<div class="intro">
<P>专业：计算机</P>
<p>简介：计算机，热爱足球，希望大家都能在追求梦想的道路上阔步前行，刚硕士毕业，在美国一家公司工作。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- xjj -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/1/xjj.jpg">
</div>
<div class="intro">
<P>专业：工业设计</P>
<p>简介：设计界和视频界的大咖,现就职于阿里巴巴。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- zl -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/1/zl.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：热爱一切可以折腾的东西，例如Minecraft，热爱电影和音乐，正在刷IMDB Top 250，收集各种无损音乐当中。热爱意大利风格，热爱铁路和火车。希望 β-house 可以一直持续下去，能够让每一个成员，获得快乐，获得成长。目前就职于 UPYUN（又拍云）。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
</div>
<div class="outer" id="outer2">
<div class="box"> <img src="img/card1.png" />
<div class="caption_1" style="display:none"></div>
</div>
<!-- bxf -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/bxf.jpg">
</div>
<div class="intro">
<P>专业：机械设计制造及其自动化</P>
<p>简介：热爱机械设计和网络，希望能设计一款外观靓丽功能实用的创新产品。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- hzq -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/hzq.jpg">
</div>
<div class="intro">
<P>专业：机械设计制造及其自动化</P>
<p>简介：热爱生活热爱运动热爱音乐，希望快乐生活每一天。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- lj -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/lj.jpg">
</div>
<div class="intro">
<P>专业：计算机科学与技术</P>
<p>简介：热爱爬山,看书,怎么轻松怎么来,希望天天开心,吃麻麻香,身体麻麻棒儿,现就职于宁波金唐软件股份有限公司,任软件测试。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- sj -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/sj.jpg">
</div>
<div class="intro">
<P>专业：电子信息技术及仪器</P>
<p>简介：热爱编程、下象棋，希望以后成为高级软件工程师。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- syw -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/syw.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：热爱ACG，游离在二次元和三次元之间的2.5次元人_(:з」∠)_ 希望以后成为网络程师。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- wst -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/wst.jpg">
</div>
<div class="intro">
<P>专业：财务管理</P>
<p>简介：热爱摄影旅游，希望环游世界，现工作省直住房基金管理中心。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- ycj -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/ycj.jpg">
</div>
<div class="intro">
<P>专业：计算机</P>
<p>简介：喜欢打游戏，喜欢打篮球，感觉自己什么事都可以搞定，自大的家伙总有一天要遭到报应，于是被现实狠狠的射中了膝盖。终究觉得还是脚踏实地认认真真的做事情比较靠谱。现工作于浙江省建工集团交通公司。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- zy -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/2/zy.jpg">
</div>
<div class="intro">
<P>专业：财务管理</P>
<p>简介：热爱:睡觉，希望:有钱，暂时工作单位:浙江汇信进出口集团股份有限公司。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
</div>
<div class="outer" id="outer3">
<div class="box"> <img src="img/card1.png" />
<div class="caption_1" style="display:none"></div>
</div>
<!-- cq -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/cq.jpg">
</div>
<div class="intro">
<P>专业：工业设计</P>
<p>简介：热爱服装设计，希望可以成为一名设计师。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- cxf -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/cxf.jpg">
</div>
<div class="intro">
<P>专业：电气工程与自动化</P>
<p>简介：专注后台，做个不落俗套的文艺青年。我希望身边一切安好，继续精彩！ </p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- hpf -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/hpf.jpg">
</div>
<div class="intro">
<P>专业：软件工程</P>
<p>简介：热爱技术，希望每天有所进步。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- lxf -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/lxf.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：热爱吃喝玩。。希望每天都有好心情，不愁吃喝。。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- ly -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/ly.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：热爱Photography Html/Css Php,坚信Your Future Is Created By What {You Do Today}</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- mkq -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/mkq.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：热爱前端，喜欢html5和css3，在学习JavaScript中，对各种好玩的有趣的事情都很感兴趣，但是一旦认定了的事情就会一直坚持下去。最喜欢用兴趣去学习，喜欢充满正能量的每一天！希望工作室的每一个人越走越好~</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- xmx -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/xmx.jpg">
</div>
<div class="intro">
<P>专业：计算机科学与技术</P>
<p>简介：进阶前端之路，特长国画，爱音乐，爱美食！不喜欢敲代码，可一旦决定了，就充满热情地去奋斗吧——前端攻城狮！</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- xzy -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/xzy.jpg">
</div>
<div class="intro">
<P>专业：信息管理与信息系统</P>
<p>简介：热爱祖国、热爱betahouse、热爱音乐前端旅游……喜欢什么就做什么。It's me！</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- yyx -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/yyx.jpg">
</div>
<div class="intro">
<P>专业：计算机</P>
<p>简介：热爱前端，喜欢html5和css3，我希望每一天都是正能量！</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- zl -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/3/zl.jpg">
</div>
<div class="intro">
<P>专业：工业设计</P>
<p>简介：I like design ，创意是设计的源泉。我不怕别人拒绝，最怕自己不坚持。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
</div>
<div class="outer" id="outer4">
<div class="box"> <img src="img/card1.png" />
<div class="caption_1" style="display:none"></div>
</div>
<!-- hbb -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/hbb.jpg">
</div>
<div class="intro">
<P>专业：工商管理</P>
<p>简介：Talk is cheap ,I will show the code.</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- hll -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/hll.jpg">
</div>
<div class="intro">
<P>专业：产品设计</P>
<p>简介：简简单单，好好生活，好好爱自己。努力成为想要成为的人</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- hly -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/hly.jpg">
</div>
<div class="intro">
<P>专业：产品设计</P>
<p>简介：我想用长得不一样的脑子来讲我对世界的认知<br/>任何一种表达任何一种语言都是为了能与你一起玩耍<br/>这次我们用代码好不好=皿=</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- llh -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/llh.jpg">
</div>
<div class="intro">
<P>专业：软件工程</P>
<p>简介：热爱前端，更热爱代码。认真生活，诚意待事，真心喜欢有趣的朋友。<br/>Write the Code. Change the World</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- lyq -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/lyq.jpg">
</div>
<div class="intro">
<P>专业：网络工程</P>
<p>简介：爱美剧，爱音乐；爱β-house，爱生活。希望成为一个能够游遍全世界的技术宅。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- pbj -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/pbj.jpg">
</div>
<div class="intro">
<P>专业：软件工程</P>
<p>简介：对移动端比较感兴趣，喜欢研究各类软件。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- wbq -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/wbq.jpg">
</div>
<div class="intro">
<P>专业：财务管理</P>
<p>简介：专注二次元&三次元徘徊十八年.<br/>热爱摄影/旅游/音乐/设计,etc.<br/>坚信凡是值得做的事,就值得做到最好.<br/>The distance between your dreams and reality is called action. </p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- wt -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/wt.jpg">
</div>
<div class="intro">
<P>专业：软件工程</P>
<p>简介：习惯有计划的生活，反感浪费时间的事，热爱前端的所有技术，喜欢收集各种前端特效，看其中的代码，希望能学以致用。热爱β-house，希望在这里能让自己变成强者。未来我希望能创办自己的网站（如淘宝，新浪...）</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- yg -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/yg.jpg">
</div>
<div class="intro">
<P>专业：软件工程</P>
<p>简介：18岁的我，<br/>对任何事都有好奇心，<br/>坚信着<br/>EvErYthing Will bE Ok ！</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- yjm -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/yjm.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：喜欢从事自己感兴趣的事情，要么不做，要做就要做好。<br/>未来很长，希望能和β-house的小伙伴慢慢欣赏未来路上的风景。</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- zcl -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/zcl.jpg">
</div>
<div class="intro">
<P>专业：计算机科学与技术</P>
<p>简介：热爱睡觉，希望每天都有进步</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
<!-- xjy -->
<div class="box"> <img src="img/card.png" />
<div class="item">
<div class="imgbox">
<img src="img/numbers/4/xjy.jpg">
</div>
<div class="intro">
<P>专业：通信工程</P>
<p>简介：会果断的做自己喜欢的事情，<br/>时刻提醒自己 My Dream,My Love,My done.<br/>Just For Fun!</p>
</div>
<div class="caption_1" style="display:none"></div>
</div>
</div>
</div>
<!--email-->
<div id="emailbox">
<button id="eamilboxexit" type="button" class="close" aria-label="Close"><span aria-hidden="true">×</span></button>
<div class="hr"></div>
<form form onsubmit="return checkInput()" method="post" target="_blank" action="https://exmail.qq.com/cgi-bin/login" name="form1">
<div class="email-item email-item1">
<input type="text" name="username" />
<span> betahouse.us</span>
</div>
<input type="password" name="pasword" class="email-item email-item2"/>
<input type="submit" value="邮 箱 登 录" class="email-item email-item3"/>
</form>
</div>
<!--card footer-->
<div id="choicebox">
<div id="navtext"><p class="text-center">Mo<span>re Choic</span>es</p></div>
<div id="navimgbox">
<a href="#" id="showAd" style="display:inline-block!important"><img src="img/phonekeeper.png" alt="招新"></a>
<a href="#" onclick="cardtoggle()"><img src="img/e-mail.png" alt="邮箱"></a>
<a href="#"><img src="img/calling.png" alt="关于"></a>
</div>
</div>
</div>
</div>
<!--javascript-->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery.min.js"><\/script>')</script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/bootstrap.min.js"><\/script>')</script>
<script src="js/vendor/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="js/vendor/jquery-css-transform.js" type="text/javascript"></script>
<script src="js/vendor/jquery-animate-css-rotate-scale.js" type="text/javascript"></script>
<script src="js/vendor/jquery.unleash.min.1.2.js" type="text/javascript" ></script>
<script charset="gb18030" src="http://exmail.qq.com/zh_CN/htmledition/js_biz/outerlogin.js" type="text/javascript"></script>
<script type="text/javascript">
// unleash
$(window).load(function() {
$('#outer1').unleash({
duration: 700,
childClassName: '.box',
captionClassName: '.caption_1',
SliderWidth: '940px',
OpenFirstOnload: true,
SliderHeight: '300px',
width: 0.63,
Event: "hover",
easing: "easeOutQuad",
captionEasing: "easeInOutBack",
CollapseOnMouseLeave: true,
CaptionAnimation: "pop-up"
});
$('#outer2').unleash({
duration: 700,
childClassName: '.box',
captionClassName: '.caption_1',
SliderWidth: '940px',
OpenFirstOnload: true,
SliderHeight: '300px',
width: 0.63,
Event: "hover",
easing: "easeOutQuad",
captionEasing: "easeInOutBack",
CollapseOnMouseLeave: true,
CaptionAnimation: "pop-up"
});
$('#outer3').unleash({
duration: 700,
childClassName: '.box',
captionClassName: '.caption_1',
SliderWidth: '940px',
OpenFirstOnload: true,
SliderHeight: '300px',
width: 0.63,
Event: "hover",
easing: "easeOutQuad",
captionEasing: "easeInOutBack",
CollapseOnMouseLeave: true,
CaptionAnimation: "pop-up"
});
$('#outer4').unleash({
duration: 700,
childClassName: '.box',
captionClassName: '.caption_1',
SliderWidth: '940px',
OpenFirstOnload: true,
SliderHeight: '300px',
width: 0.63,
Event: "hover",
easing: "easeOutQuad",
captionEasing: "easeInOutBack",
CollapseOnMouseLeave: true,
CaptionAnimation: "pop-up"
});
});
function cardtoggle(){
$(".outer").hide();
$("#emailbox").fadeIn();
}
// nav
$(function(){
$("div[id^='one']").mouseenter(function(){
var num = $(this).index(".one");
for(var i=0;i<5;++i){
if(i==num) continue;
if( $("#thing"+ i).is(":visible") )
$("#thing" + i).slideUp("slow");
}
if( $("#thing" + num).is(":hidden") ){
$("#thing" + num).slideDown("slow");
}
});
$("div[id^='one']").mouseleave(function(){
var num = $(this).index(".one");
$("#thing" + num).slideUp("slow");
});
// var hrefThing0 = "http://www.baidu.com";
//var hrefThing1 = "http://www.baidu.com";
$("div[id^='thing']").click(function(){
var num = $(this).index(".thing");
//window.open(hrefThing + num); // BUG!
if(num==0) {window.location.href="#";}
else if(num==1) window.open("http://join.betahouse.us");
else if(num==2) window.open("wait.html");
else if(num==3) window.open("http://study.betahouse.us");
else if(num==4) window.open("wait.html");
});
});
// tab
$(function(){
$("#outer1,#outer2,#outer3").hide();
$("div[id^='expire']").click(function(){
$("#emailbox").hide();
$("div[id^='expire']").removeClass("active1 active2");
$(this).addClass("active1 active2");
$("div[id^='outer']").hide();
$(".outer").hide();
if(this.id == 'expire1' || this.id == 'expire11'){
$("#outer1").fadeIn();
}else if(this.id == 'expire2'|| this.id == 'expire22'){
$("#outer2").fadeIn();
}else if(this.id == 'expire3'|| this.id == 'expire33'){
$("#outer3").fadeIn();
}else if(this.id == 'expire4'|| this.id == 'expire44'){
$("#outer4").fadeIn();
}
});
});
// email
$(function(){
$("#eamilboxexit").click(function(){
$("#emailbox").hide();
$("div[id^='outer']").hide();
$("#outer4").fadeIn();
$("div[id^='expire']").removeClass("active1 active2");
$("#outer4").addClass("active1 active2");
});
});
// showAd
$(function(){
$("#showAd").click(function(){
$(".pop").fadeIn();
$(".blur").fadeIn();
});
$("#exam").click(function(){
window.open("http://join.betahouse.us/");
});
$(".pop").click(function(){
$(".pop").fadeOut();
$(".blur").fadeOut();
});
});
</script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>