Question

我有以下脚本将改变焦点上文本框的背景图像并保留前一图像ob blur，如果内容是emapty。图像类似于watermarks。这是利用原型javascript库。

  <div class="searchfield">
                <asp:TextBox ID="txtStoreId" runat="server" class="username searchbg"></asp:TextBox>

                <script type="text/javascript">
//<![CDATA[
var storeidLabel = new FormLabel('txtStoreId', {image:'../lib/images/store_id.gif', emptyImage:'../lib/images/bg_userpw_notext.gif'});
//]]>
</script>

  </div>

现在我想让jQuery替换它。我已经在我的页面中使用了jQuery。我想从我的页面中取出原型。

Answer 1

您可以在焦点和模糊事件上操纵元素的background-image css属性：

$(document).ready(function(){
    var image = '../lib/images/store_id.gif';
    var emptyImage = '../lib/images/bg_userpw_notext.gif';

    $('#inputId').focus(function(){
      $(this).css('background-image', 'url('+image+')');
    });

    $('#inputId').blur(function(){
      if ($(this).val().length === 0){
        $(this).css('background-image', 'url('+emptyImage+')');
      }
    });
});

jQuery替换Prototype方法

1 个答案: