Question

所以我想要实现的是一个悬浮功能，它将改变或简化每个字母的颜色 - 第一个字母在下一个字母之前完成 - 以及在左侧或左侧悬停时出现的div框右边（我用css做了这个）。我将页面拆分为2个包装器 - 左/右 - 我正在寻找类似于http://www.dada-data.net/en/hub的东西..我希望这可以在没有画布的情况下完成，而只是jquery。

请参阅https://jsfiddle.net/jmbrock/7q2p17vb/1/了解我的情况。我相信宽松功能会走上正轨，但我无法让它发挥作用。

JS

$("#left-wrap").on("mouseover",function(){
    $(".letter").animate({color:"#FF4500"},'slow');
}).on("mouseleave",function(){
    $(".letter").animate({color:"grey"},'slow');
});

$("#right-wrap").on("mouseover",function(){
    $(".letter").animate({color:"#FF4500"},'slow');
}).on("mouseleave",function(){
    $(".letter").animate({color:"blue"},'slow');
});

谢谢！

Answer 1

只需将转换添加到div，以便在悬停到＃left-wrap和＃right-wrap时缓慢变换颜色并将.skills可见性从隐藏更改为不透明度0（悬停时为1）

transition:0.5s all ease;

DEMO：http://jsbin.com/kufinakuda/1/edit?html,css,js,output

在Jquery中使用Animate / Hover / Ease来更改文本的颜色

1 个答案: