jquery - 如何在 HTML 文本输入字段周围放置类似 Twitter 的淡入发光？

Question

我知道输入字段周围的发光是标准的，但 Twitter 设法将它顺利淡入。我一直在环顾四周，但似乎找不到实现这一目标的可靠方法。这是怎么做到的？

Answer 1

以下是推特的做法：

HTML：

  <p class="search-holder" style="opacity: 0.6;">
    <label for="searchform_q">Search for a keyword or phrase…&lt;/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});
  });