javascript – 无法在mouseout上运行jQuery效果

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 无法在mouseout上运行jQuery效果，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含908字，纯文字阅读大概需要2分钟。

内容图文

我不知道为什么,但是悬停“out”函数中的animate()似乎从0值开始,而不是16应该由悬停“in”函数设置：

  $.fx.step.textShadowBlur = function(fx) {
    $(fx.elem).css({textShadow: '0 0 ' + Math.floor(fx.now) + 'px #000'});
  };

  $('a').hover(function(){
    $(this).stop().animate({textShadowBlur:16}, {duration: 400});
  }, function(){
    $(this).stop().animate({textShadowBlur:0}, {duration: 900});
  });

因此,鼠标输出时会出现突然的文本阴影更改,没有动画

我究竟做错了什么？

jsfiddle

解决方法:

看起来像语法问题

$('a').hover(function() {
    $(this).stop().animate({textShadowBlur: 16}, {duration: 400});
    // remove the extra }});
}, function() {
    $(this).stop().animate({textShadowBlur: 0}, {duration: 900});
});

编辑

看起来你已经找到了解决办法,这里有一个选项,用css 3过渡来做这个效果：

fiddle

a {
    font-size:40px;
    text-shadow:0 0 0 #000;
    -webkit-transition:text-shadow .9s linear;
}
a:hover {
    text-shadow:0 0 16px #000;
    -webkit-transition:text-shadow .4s linear;
}

内容总结

以上是互联网集市为您收集整理的javascript – 无法在mouseout上运行jQuery效果全部内容，希望文章能够帮你解决javascript – 无法在mouseout上运行jQuery效果所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端