欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于JQuery實現(xiàn)鼠標(biāo)點擊文本框顯示隱藏提示文本

 更新時間：2012年02月23日 22:55:36   作者：  
我們做搜索框的時候，經(jīng)常需要這樣一個效果：搜索框默認(rèn)顯示一段提示文本，比如“輸入關(guān)鍵詞”，鼠標(biāo)點擊后，清空這段文本。鼠標(biāo)再次點擊別的地方，又要恢復(fù)這段文本

比如本人網(wǎng)站的搜索框：

不使用的時候：

鼠標(biāo)點擊后：

用JQuery實現(xiàn)這個效果非常簡單，下面是代碼：

復(fù)制代碼 代碼如下:

$(document).ready(function () {
var searchBox = $("#ctl00_txtSearch");
searchBox.focus(function () {
if (searchBox.val() == this.title) { // TextBox控件ToolTip屬性轉(zhuǎn)換為Html為title屬性
searchBox.val("");
}
});
searchBox.blur(function () {
if (searchBox.val() == "") {
searchBox.val(this.title);
}
});
searchBox.blur();
});

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

相關(guān)文章

  • JQuery中操作Css樣式的方法

    JQuery中操作Css樣式的方法

    本篇文章主要是對JQuery中操作Css樣式的方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2014-02-02
  • jQuery Validate初步體驗(二)

    jQuery Validate初步體驗(二)

    這篇文章主要介紹了jQuery Validate初步體驗(二) 的相關(guān)資料,需要的朋友可以參考下
    2015-12-12
  • 基于jquery實現(xiàn)放大鏡效果

    基于jquery實現(xiàn)放大鏡效果

    大家在逛淘寶的時候，把鼠標(biāo)放在寶貝上就會放大，奇怪這種效果怎么實現(xiàn)的，下面小編就給大家分享基于jquery實現(xiàn)放大鏡效果，有需要的朋友可以參考下
    2015-08-08
  • Jquery給當(dāng)前頁或者跳轉(zhuǎn)后頁面的導(dǎo)航欄添加選中后樣式的實例

    Jquery給當(dāng)前頁或者跳轉(zhuǎn)后頁面的導(dǎo)航欄添加選中后樣式的實例

    下面小編就為大家?guī)硪黄狫query給當(dāng)前頁或者跳轉(zhuǎn)后頁面的導(dǎo)航欄添加選中后樣式的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-12-12
  • EasyUI的doCellTip實現(xiàn)鼠標(biāo)放到單元格上提示單元格內(nèi)容

    EasyUI的doCellTip實現(xiàn)鼠標(biāo)放到單元格上提示單元格內(nèi)容

    本篇文章主要介紹了easyUI的doCellTip 就是鼠標(biāo)放到單元格上有個提示的功能，對于Javascript教程感興趣的同學(xué)可以參考一下
    2016-08-08
  • jQuery 獲取URL的GET參數(shù)值的小例子

    jQuery 獲取URL的GET參數(shù)值的小例子

    jQuery 獲取URL的GET參數(shù)值的小例子，需要的朋友可以參考一下
    2013-04-04
  • jquery ajax異步提交表單數(shù)據(jù)的方法

    jquery ajax異步提交表單數(shù)據(jù)的方法

    這篇文章主要為大家詳細(xì)介紹了jquery ajax異步提交表單數(shù)據(jù)的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-10-10
  • jQuery 動態(tài)云標(biāo)簽插件

    jQuery 動態(tài)云標(biāo)簽插件

    這里推薦給大家一款jquery動態(tài)云標(biāo)簽的插件，非常的炫，在指定塊級元素內(nèi)動態(tài)生成a標(biāo)簽，a標(biāo)簽的高度、寬度、位置、層數(shù)、背景顏色隨機可控，a標(biāo)簽漸隱顯示和漸隱消失，可改變初始化的透明度，鼠標(biāo)懸浮停止動畫且透明度最大，層數(shù)最高，鼠標(biāo)離開，恢復(fù)之前狀態(tài)
    2014-11-11
  • jQuery對象與DOM對象之間的轉(zhuǎn)換方法

    jQuery對象與DOM對象之間的轉(zhuǎn)換方法

    剛開始學(xué)習(xí)jQuery，可能一時會分不清楚哪些是jQuery對象，哪些是DOM對象。至于DOM對象不多解釋，我們接觸的太多了，下面重點介紹一下jQuery，以及兩者相互間的轉(zhuǎn)換。
    2010-04-04
  • jquery實現(xiàn)放大鏡簡潔代碼(推薦)

    jquery實現(xiàn)放大鏡簡潔代碼(推薦)

    這篇文章主要介紹了jquery實現(xiàn)放大鏡簡潔代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
    2017-06-06

最新評論