代码之家  ›  专栏  ›  技术社区  ›  eozzy

切换背景图像(jQuery)

  •  0
  • eozzy  · 技术社区  · 15 年前
    $('textarea').focus(function() {
        var img = $(this).css('background-image');
        $(this).css('background-image', 'none');
    });
    $('textarea').blur(function() {
        $(this).css('background-image', img);
    });
    

    .. 似乎不起作用。我觉得有些事情不对,但我不知道是什么。

    非常感谢你的帮助!

    2 回复  |  直到 15 年前
        1
  •  7
  •   jAndy    15 年前

    如果你定义

    var img
    

    就在里面 .focus() .blur()

    所以要么定义 var img globaly,或者使用jQuerys .data() 方法。

    $.data(this, 'img', $(this).css('background-image'));
    

    阅读:

    $.data(this, 'img');
    

    $('textarea').focus(function() {
       var $this = $(this);
       $.data(this, 'img', $this.css('background-image'));
       $this.css('background-image', 'none');
    });
    $('textarea').blur(function() {
       $(this).css('background-image', $.data(this, 'img') || '');
    });
    
        2
  •  0
  •   hellozimi    15 年前

    var img = 'images/mybg.png';
    $('textarea').blur(function() {
        $(this).css('background-image', 'url('+img+')');
    });