头像

jQuery+CSS3文字弯曲排列特效

来源:http://www.sucaihuo.com/js/3686 素材火管理员 2018-05-14 16:52浏览(254) 收藏

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

程序员,你不是一个人;网站开发QQ群:35291327,在线充值,或联系QQ1556472052直接充值

查看演示 下载资源: 9 下载资源 下载积分: 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>
最新交易
评论2
头像

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

  • 头像 椅子
    05-16 08:37
    en***37
    特效很炫啊,给力啊!!!
  • 头像 沙发
    05-15 09:05
    心***扬
    好看,超级炫酷,感谢分享……
1 2