DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery實現表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的代碼
jQuery實現表單input中提示文字value隨鼠標焦點移進移出而顯示或隱藏的代碼
編輯:JQuery特效代碼     
代碼如下:
<input value="請輸入用戶名" type="text">
<input value="請輸入密碼" type="text">
<input value="提交" type="submit">
<script>
$(function(){
//輸入框中文字顏色控制
$("input:not(:last)").css("color","#999");
});
//用戶名框鼠標焦點移進,文字消失
$("input:first").click(function () {
var check1 = $(this).val();
if (check1 == this.defaultValue) {
$(this).val("");
}
});
//用戶名框鼠標焦點移出,文字顯示
$("input:first").blur(function () {
$(this).val(this.defaultValue);
});
//密碼框鼠標焦點移進,文字消失
$("input:eq(1)").click(function () {
var check2 = $(this).val();
if (check2 == this.defaultValue) {
$(this).val("");
}
//密碼框鼠標焦點移出,文字顯示
$("input:eq(1)").blur(function () {
$(this).val(this.defaultValue);
});
})
</script>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved