登入遮罩

登入的遮罩因為Ajax的發達而越來越多,不過每個browser所支援的方式都不太一樣

尤其是IE最搞怪,IE6 IE7 IE8都加減有點不支援或特別點,所以在實作javascript上也變的很麻煩

這裡有些網站做的範例有興趣的可以研究看看

iPeen 在內頁的登入畫面可以看到

funp 右上角就有登入

哇客滿 在最底層的商家,推薦書籤




我也做了一個範例,不過是工程師版的,所以很醜

之後會詳細的說明如何實作及提供原始碼

範例頁

http://www.yslifes.com/MyTest/LoginMaskV2/index.jsp

按登入就會出現啦,

帳號:admin

密碼:12345

按登出就會把登入的記錄取消,

登入成功後都會呼叫callback funcion,我是寫成alert(‘成功’);

9 comments on “登入遮罩

    • 我會再寫一篇如何製做mask Login的說明的
      目前只有介紹而已
      你可以進入範例頁看他的效果
      會有一個東西遮著Browser,
      而其上面就是登入畫面,可以免去刷頁的麻煩

  1. 我一進去就是登入的啊
    再登入一次也不知道有啥不同@@?
    是我笨笨的不知道重點是啥嗎orz...
    我之前就是按「按下」結果就看到一個不知道是不是人的圖案跟登入頁面@@"
    還是就只是看那個而已XD

  2. hi,你的遮罩寫得真好!!
    但是我遇到一個問題
    當點選登入時
    如果HTML裡面有下拉式選單(),黑色遮罩是遮不住的,且下拉式選單還能點選
    請問這個問題要如何解決呢@@",相當苦惱~"~
    麻煩你在回信給我好嗎??非常謝謝你!!
    bamboo

1 Pings/Trackbacks 於 "登入遮罩"

發表迴響