鬼寫類似tumblr註冊頁面

上有誰知道如何創建一個類似領域的tumblr因爲它們對鬼寫類似tumblr註冊頁面

http://www.tumblr.com/

它的URL字段，其中有些褪色的文字是有那麼當你點擊它，和類型，它附加了一些文本... .tumblr.com，你不能抹去或突出顯示或其他。 JavaScript已經模糊，所以我真的有它是如何實現的我更喜歡的jQuery但只要真的像它的工作原理...

許多方面

來源

2011-04-27 Jordan

編輯沒有線索：我在它只是看了一遍。它會在輸入時輸入輸入，並將其添加到位於輸入字段上方的代筆跨度中。很簡單，真的。「.tumblr.com」文本就在範圍內。有什麼影響：<span id="ghostwriter"><span id="ghostwriter-copy">Your Input</span>.tumblr.com</span>

來源

2011-04-27 23:40:45 wambotron

有一個jQuery插件！

https://github.com/michelgotta/jquery-ghostinput-plugin

演示： http://michelgotta.de/ghost-input-demo/

來源

2011-05-19 08:43:47 michelgotta

我使用你的插件與我已經定義了有它自己的造型場遇到麻煩。我如何在自己的領域使用你的插件？ – Raj 2011-10-10 04:46:51

我只是用以下樣式並添加一個監聽到.ghostInput_input跨度爲Click事件通過專注於我的輸入'.ghostinput， .ghostInput_input， .ghostInput_label { \t的位置是：絕對的; \t padding：5px 0; \t提綱：0; \t margin：0; } .ghostinput { \t border：none; \t z-index：1000; \t background-color：transparent; } .ghostInput_wrapper { \t position：relative; \t display：inline-block; } .ghostInput_label { \t z-index：999; \t顏色：＃888; \t } .ghostInput_input { \t left：6px; \t顏色：＃888; } .ghostInput_copy { \t visibility：hidden; \t white-space：nowrap; }'_btw，對於format_ – Gus 2012-04-20 17:04:50

鬼寫類似tumblr註冊頁面

回答

相關問題