$(document).ready(function () { // 當頁面載入後
$("#登出按鈕").hide();// 這行是 先把登出按鈕隱藏
$("#登入按鈕").click(function () { // 當 登入按鈕 被點擊作後
$.ajax({
type: "POST", // 有GET , POST etc...
url: "要送到哪個網頁", // 請改成你的網頁
data: "參數名稱1=參數1&參數2名稱=參數2", // 是你要傳送什麼數值給後端
success: function(){ // 這行是傳送成功後作什麼事情
$("#登入按鈕").fadeOut().hide(); // 登入按鈕漸漸消失
$("#登出按鈕").fadeIn(); // 登出按鈕出現
} // 關閉 success
}); // 關閉 ajax
}); // 關閉點擊登入按鈕 function
$("#登出按鈕").click(function () { // 當 登出按鈕 被點擊作後
$.ajax({
type: "POST", // 有GET , POST etc...
url: "要送到哪個網頁", // 請改成你的網頁
data: "參數名稱1=參數1&參數2名稱=參數2", // 是你要傳送什麼數值給後端
success: function(){ // 這行是傳送成功後作什麼事情
/// 你可能要關閉session 那之類的 之後再轉到一開始登入的畫面
} // 關閉 success-function
}); // 關閉 ajax
}); // 關閉點擊登出按鈕 function
}); // 關閉頁面載入function 你要把上面code裡面的 登入按鈕 還有 登出按鈕 改成你的 元素 id 就好了
像是<img src ='xxx.jpg' id = 'aaaa' >
<img src ='xxx.jpg' id = 'bbbb' > | 
發表於 2010-11-15 12:33
| 