jquery input 搜索 焦点 – 青春部落,流年似水 http://www.youthtribe.com 青春是一场远行,总记不起来时的路。 Sun, 12 Aug 2012 06:10:43 +0000 zh-CN hourly 1 https://wordpress.org/?v=6.1.7 jquery input 搜索 焦点 – 青春部落,流年似水 http://www.youthtribe.com/archives/734 http://www.youthtribe.com/archives/734#respond Sun, 12 Aug 2012 06:10:43 +0000 http://www.youthtribe.com/?p=734 网上有好多这样的jb应用:即当鼠标点到搜索框时,默认的文字就会消失了。鼠标离开就会又出现默认的提示文字。非常实用。其实现原理也是非常的简单的。下边看代码吧(需要jquery的加载的)

// JavaScript Document
 $(document).ready(function(){
 //focusblur
 jQuery.focusblur = function(focusid) {
  var focusblurid = $(focusid);
  var defval = focusblurid.val();
        
 focusblurid.focus(function(){
   var thisval = $(this).val();
    if(thisval==defval){
                 $(this).val(“”);
             }
         });
    focusblurid.blur(function(){
   var thisval = $(this).val();
    if(thisval==””){
                 $(this).val(defval);
             }
         });
        
     };
 /*下面是调用方法*/
     $.focusblur(“#searchkey”);
 });

我的www.nbadashi.com的搜索已经应用了,非常人性化。

 

]]>
http://www.youthtribe.com/archives/734/feed 0