DIV CSS 佈局教程網

比如本人網站的搜索框：

不使用的時候：

鼠標點擊後：

用JQuery實現這個效果非常簡單，下面是代碼：
. 代碼如下:
$(document).ready(function () {
var searchBox = $("#ctl00_txtSearch");
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip屬性轉換為Html為title屬性
searchBox.val("");
}
});
searchBox.blur(function () {
if (searchBox.val() == "") {
searchBox.val(this.title);
}
});
searchBox.blur();
});

其中#ctl00_txtSearch是搜索框的ID（ASP.NET可以通過ClientID獲取這個ID）