2010-02-19 40 views
5

嗨,這應該是一個非常簡單的問題,但我卡住了。是否有可能淡出文本框和textarea中的文本,並保留實際元素。我已經嘗試使用.html().val()等淡出,但文本所在的元素總是消失。jquery淡出文本insde文本框和textarea

回答

5

我認爲實現這一目標的唯一方法是通過操縱輸入元素的顏色。查看專門從事色彩操作的JQuery color plugin

應該沿着

$(formelement).animate({ color: "#FFFFFF" }, 600); 
+0

嘿感謝您的建議。我試圖將其更改爲白色,然後只刪除val(),但它並未真正淡化爲白色 – David 2010-02-19 15:43:37

+2

您可以發佈在線示例來檢出嗎? – 2010-02-19 15:44:07

+0

JQuery UI實際上包含這個http://jqueryui.com/demos/animate/ – JProgrammer 2011-09-29 04:46:40

1

行工作簡單地包圍跨度文字和褪色的跨度。 JQuery會淡化元素,這是最簡單的方法。我不確定是否有淡出文本而不是整個DOM元素的方法。

編輯:沒有閱讀textarea部分。要做到這一點,你可能想隱藏實際的輸入元素,並設計一個新的看起來像文本元素,然後淡入其中的文本。這通常用於重新設置輸入元素的外觀。

+0

不適用於text/textarea表單元素中的內容。 – 2010-02-19 14:48:42

+0

第一部分不會,第二部分將會,因此編輯。 – 2010-02-19 15:09:44

+0

謝謝生病嘗試 - 我只是假設會有一個簡單的方法來做到這一點。 – David 2010-02-19 15:43:00