-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·136 lines (124 loc) · 3.98 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
<html>
<head>
<title>知識井 Knowledge Sharp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="morecss/index.css">
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<style type="text/css">
* {
margin: 0;
padding: 0;
border: 0;
}
#ad {
position: relative;
}
#ad img, #ad .adBody {
position: absolute;
width: 130px;
height: 130px;
right: 0;
top: 0;
}
#ad img {
z-index: 10;
}
#ad .adBody {
overflow: hidden;
background: url(picture/adBody.gif) no-repeat right top;
}
</style>
<script type="text/javascript">
$(function(){
// 幫 #ad 加上 hover() 事件
$("#ad").hover(function(){ // 當滑鼠移進時..
// 先停止未完成的動畫後再進行新的動畫
// 圖片放大展示
$("a img, a .adBody", this).stop().animate({
width: 720,
height: 720
}, 500);
}, function(){ // 當滑鼠移出時..
// 先停止未完成的動畫後再進行新的動畫
// 圖片恢復原狀
$("a img, a .adBody", this).stop().animate({
width: 130,
height: 130,
}, 200);
});
});
</script>
</head>
<body>
<div id="header">
<script src="http://code.jquery.com/jquery.js"></script> <!-- jQuery source-->
<script src="morejs/login.js"></script>
<div id="ad">
<a>
<img src="picture/peel.png" alt="WOWGame 讓你挖不完!" />
<span class="adBody"></span>
</a>
</div>
</div>
<div class="container">
<div class="row">
<table>
<tr><td>
<div id="logo"><img src="picture/logo.png" width="250" height="250"></div>
</td><td>
<iframe id="prezi" src="http://prezi.com/embed/gnewodqbnxlq/?bgcolor=ffffff&lock_to_path=1&autoplay=0&autohide_ctrls=0&features=undefined&disabled_features=undefined" width="550" height="400" frameBorder="0"></iframe>
</td><td>
<div id="loginForm">
<div class="hero-unit" id="loghero-unit">
<form class="form-horizontal" action="verify_first.php" method="post" id="logform">
<!--name inputbox-->
<div class="form-group">
<div class="col-lg-10">
<center><input type="text" class="form-control" id="logname" name="logname" placeholder="Enter your login name"></center>
</div>
</div>
<br>
<!--password inputbox-->
<div class="form-group">
<div class="col-lg-10">
<center><input type="password" class="form-control" id="logps" name="logps" placeholder="Password"></center>
</div>
</div>
<br>
<!--submit button-->
<div class="form-group">
<center><button type="button" id="logbtn" class="btn btn-primary btn-xs" onclick="empty_name()">Login</button></center>
<br>
</div>
<!--password lost link-->
<div class="form-group">
<center><a href="lost_passwd.html" id="lostps">Lost your password? ←</a></center>
</div>
</form>
<br><br><br>
<div id="text">
<font color="Maroon"><h4><b>首次登入不需輸入密碼</b></h4></font>
<font color="Navy"><h5><b>學生請輸入學號</b></h5></font>
<font color="Navy"><h5><b>教師與系辦人員請...</b></h5></font>
</div>
</div>
</div>
</td></tr></table>
</div>
<br><br><br>
<!--footer information-->
<div class="row">
<p class="muted credit" id="copyright">
<!--Line 1-->
All Rights reserved. copyright © 2013 by Hackthonla, Taiwan R.O.C.
</p>
<!--Line 2-->
<p class="muted credit">
<a href="project_intro.html" target="_blank">網站計畫</a>|
<a href="work_team.html" target="_blank">開發團隊</a> | <!--CCUMIS + Hackthonla 都會會加進來-->
<a href="https://www.facebook.com/groups/165087747029043/" target="_blank">聯絡我們(Facebook)</a> <!--目前為私人社團，之後會公開提供聯絡與意見回饋-->
</p>
</div>
</div>
</body>
</html>