有一個網站叫http://www.nomomon.com,當用戶登錄時會彈出一個框,說'連接到服務器',並且歡迎回來等等...如何獲得這種效果(不知道它叫什麼?!?!)
要明白我的意思去的網站,並與電子郵件[email protected]和密碼登錄:通過
你會明白我的意思,我只是不知道如何去創造這種效果,任何想法?
有一個網站叫http://www.nomomon.com,當用戶登錄時會彈出一個框,說'連接到服務器',並且歡迎回來等等...如何獲得這種效果(不知道它叫什麼?!?!)
要明白我的意思去的網站,並與電子郵件[email protected]和密碼登錄:通過
你會明白我的意思,我只是不知道如何去創造這種效果,任何想法?
您正在考慮的技術的一個名稱是「lightbox」。有許多現有的腳本來實現這種效果。快速搜索「JavaScript lightbox」將返回數千個結果。
就個人而言,如果我已經使用jQuery,我傾向於使用jQuery UI Dialog。看看jQuery UI文檔中的模態示例,以找到與您的問題中的示例類似的內容。
這是一個模態窗口:http://en.wikipedia.org/wiki/Modal_window
此,您可以使用一個活生生的例子:http://jqueryui.com/demos/dialog/#modal-message
經過一些修改,你可以得到類似的效果。使用較暗的背景,執行一些AJAX請求來更新顯示的消息,然後重定向用戶。
這個效果被稱爲一個燈箱,它可以通過簡單地在頁面上有一個半透明的覆蓋層來獲得,最重要的是,它是一個用jQuery動畫的<div>
。文本可能會根據AJAX調用結果進行更改,這與所有內容有關。
他們在http://www.nomomon.com/ui/login.js中的代碼被遮擋了,但我會用xajax這樣的工具來處理這個... http://www.xajax-project.org ...它可以輕鬆訪問PHP和javascript/jQuery函數。做一個MySQL查詢,用jQuery更新DOM,做另一個MySQL查詢,再次更新DOM等。
jQuery中的效果被稱爲lightbox。在該網站上使用的那個看起來與FancyBox非常相似。我敢打賭,它是一個自定義皮膚的花式框。
我給你一個電子郵件和密碼登錄! – carlgcoder
@Tomalak他提供了一個示例用戶名和密碼,因此您無需註冊即可登錄。 –
糟糕。那不好意思了。 ;-)儘管如此,屏幕截圖或其他東西會比將您的帳戶資料公諸於衆。 – Tomalak