|
- 帖子
- 2
- 主題
- 0
- 精華
- 0
- 積分
- 3
- 威望
- 0
- 金錢
- 1
|
本帖最後由 diddo 於 2013-1-13 03:04 編輯
re:eason－HOW 使用$.blockUI填寫登入資訊...
（雖然outdate了）,回應一下問題~
我是這樣寫，有錯歡迎指正！
＊只試了頁面，未測試數據～
[full page code:]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jq-blockUI</title>
<script type="text/javascript" src="js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="js/jquery.blockUI.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#demo1').click(function() {
$.blockUI({ message: $('#loginForm') });
});
$('#btn_close').click(function() {
$.unblockUI();
});
});
</script>
<style type="text/css">
.btn_close01 { display:block; float:right; background-color:#000000; color:#FFFFFF; width:30px; height:30px; font-size:28px;}
#form01{ background-color:#fff; padding:20px;}
</style>
</head>
<body>
<h3>hide & show Login Form-全頁遮罩</h3>
<p><input type="button" value="Login" id="demo1" /> </p>
<!-- Hidden form -->
<div id="loginForm" style="display:none" >
<div class="btn_close01" id="btn_close"> X </div>
<form id="form01" action="loginprocess.php" method="post">
<p><label>Username:</label><input type="text" name="name" /></p>
<p><label>Password:</label><input type="password" name="password" /></p>
<input type="submit" name="submit" value="Login" />
</form>
</div>
<!-- Hidden form -->
</body>
</html> |
|
發表於 2013-1-13 02:38
| 