登入遮罩
登入的遮罩因為Ajax的發達而越來越多，不過每個browser所支援的方式都不太一樣
尤其是IE最搞怪，IE6 IE7 IE8都加減有點不支援或特別點，所以在實作javascript上也變的很麻煩
這裡有些網站做的範例有興趣的可以研究看看
iPeen 在內頁的登入畫面可以看到
funp 右上角就有登入
哇客滿 在最底層的商家，推薦書籤
我也做了一個範例，不過是工程師版的，所以很醜
之後會詳細的說明如何實作及提供原始碼
範例頁
http://www.yslifes.com/MyTest/LoginMaskV2/index.jsp
按登入就會出現啦，
帳號：admin
密碼：12345
按登出就會把登入的記錄取消，
登入成功後都會呼叫callback funcion，我是寫成alert(‘成功’);
喵嗚~
我看不太懂所以然來orz...
[回應]
yku Replay:
六月 22nd, 2009 at 4:20 下午
我會再寫一篇如何製做mask Login的說明的
目前只有介紹而已
你可以進入範例頁看他的效果
會有一個東西遮著Browser,
而其上面就是登入畫面,可以免去刷頁的麻煩
[回應]
我只有看到一個長的怪怪不知道算不算人的東西
還有幾個文字而已XD
[回應]
yku Replay:
六月 22nd, 2009 at 4:36 下午
左邊不是有登入按鈕@@?
按下去試看看啊
[回應]
我一進去就是登入的啊
再登入一次也不知道有啥不同@@?
是我笨笨的不知道重點是啥嗎orz...
我之前就是按「按下」結果就看到一個不知道是不是人的圖案跟登入頁面@@"
還是就只是看那個而已XD
[回應]
yku Replay:
六月 22nd, 2009 at 8:55 下午
?那就叫mask login登入遮照啊....
我有寫了另一篇說明...有興趣可以看看
[回應]
好，考完再找時間來看^^
謝嘍！
[回應]
hi,你的遮罩寫得真好!!
但是我遇到一個問題
當點選登入時
如果HTML裡面有下拉式選單(),黑色遮罩是遮不住的,且下拉式選單還能點選
請問這個問題要如何解決呢@@",相當苦惱~"~
麻煩你在回信給我好嗎??非常謝謝你!!
bamboo
[回應]
yku Replay:
九月 8th, 2009 at 3:00 下午
應該是只有ie6有這個問題
有人用這種方法解決...改用假的select
http://blog.csdn.net/xiezhilei1984/archive/2009/08/31/4504187.aspx
還有一個方法,做一個大的mask用iframe好像也可以
ie6幾乎大的網站都不太支援了,所以應該不太需要去考慮它了吧
[回應]