如何在HTML文本输入字段中放置类似Twitter的淡入淡出效果？

Question

我知道输入字段的光辉是标准的，但Twitter设法顺利淡入。我一直在环顾四周，但似乎无法找到一个可靠的方法来实现这一目标。这是如何完成的？

Answer 1

这里的Twitter是怎么做的：

HTML：

<p class="search-holder" style="opacity: 0.6;"> 
    <label for="searchform_q">Search for a keyword or phrase…</label> 
    <input type="text" tabindex="8" size="30" name="q" id="searchform_q" class="round-left" accesskey="/"><input type="submit" value="Search" tabindex="9" name="commit" id="searchform_submit" class="submit round-right"> 
    </p> 

的jQuery：

$('.search-holder').mouseenter(function(){ 
     $(this).animate({opacity:1}); 
    }).mouseleave(function(){ 
     $(this).animate({opacity:0.6}); 
    });