jQuery+CSS3文字弯曲排列特效

来源:https://www.sucaihuo.com/js/3686.html 2018-05-14 16:52浏览(1605) 收藏

一款简单好看的jQuery+CSS3文字弯曲排列特效,鼠标悬停时会动画变平,可以用来做网页文字标题样式。
jQuery+CSS3文字弯曲排列特效
分类:文字特效 > 文字动画 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script type="text/javascript">
(function() {
  // We must use JS as we need to select previous
  // elements which can't be done with CSS.
  $('.skew-title').children('span').hover((function() {
    var $el, n;
    $el = $(this);
    n = $el.index() + 1;
    $el.addClass('flat');
    if (n % 2 === 0) {
      return $el.prev().addClass('flat');
    } else {
      if (!$el.hasClass('last')) {
        return $el.next().addClass('flat');
      }
    }
  }), function() {
    return $('.flat').removeClass('flat');
  });

}).call(this);
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2