DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> 搜索文本框焦點離開時文本位置跳動問題解決方法
搜索文本框焦點離開時文本位置跳動問題解決方法
編輯:前端技巧     

搜索文本框焦點離開時設置文本,位置跳動問題

復制代碼代碼如下:
//搜索文本框
$("#txtSearch").focus(function () {
if ($(this).val() == "請輸入搜索關鍵字") {
$(this).val("");
$(this).css("color", "black");
}
}).blur(function () {
if ($(this).val() == "") {
$(this).css("color", "gray").val("請輸入搜索關鍵字");
}
});

在css中加入

復制代碼代碼如下:
#txtSearch
{
width:480px;
height:20px;
vertical-align:middle;
}

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved