搜索输入焦点动画

分类: 表单相关
时间: 2017-09-05 20:14:16
编辑: 墨倾天下
浏览: 1410

下载次数：1 文件大小：3.58KB 所需积分：0 QQ联系购买积分：3331653644（1元=10积分）

$('.holder').on('click', function() {
  $this = $(this);
  if($this.hasClass('active')) {
    $this.fadeOut(500);
    setTimeout(function() {
      $this.removeClass('active')
    }, 500);
    setTimeout(function() {
      $this.fadeIn(500);
    }, 1000);
  } else {
    $(this).addClass('active');
  }
});

$(document).on('click', function(e) {
  container = $('.holder');
  if ($('.holder').hasClass('active') && !container.is(e.target)  && container.has(e.target).length === 0) {
    $this.fadeOut(500);
    setTimeout(function() {
      $this.removeClass('active')
    }, 500);
    setTimeout(function() {
      $this.fadeIn(500);
    }, 1000);
  }
});

标签:

jquery 搜索框