Question

我希望在另一个人徘徊时改变DIV的右边框颜色。让slideToggle工作的解决方案与我读过的解决方案略有不同，所以我想这个解决方案会略有不同。

以下是非常简单的代码：

$(document).ready(function(){

$(".articleExpand").hide();

$('.mainArticle').hover(function() {   
     $(this).find('.articleExpand').stop(true,true).slideToggle('medium');
  }); 


$("mainArticle").hover(function(){
  $(this).find('.articleExpand').animate({"borderRightColor" : "#cccccc"}, 300);
});


});

正如我所提到的，slideToggle很好，但我不确定如何整合动画。

非常感谢所有人，

汤姆

Answer 1

欢迎来到JQuery UI的精彩世界！（这就是你需要使用的东西。）

http://jqueryui.com/demos/animate/

“jQuery UI效果核心扩展了animate函数，以便能够为颜色设置动画。它被类转换功能大量使用，并且能够为以下属性设置颜色动画：

的backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor 颜色 outlineColor 使用以下组合之一：

hex（＃FF0000） rgb（rgb（255,255,255））名字（“黑色”）“

边框动画在悬停时不起作用。 SlideToggle工作正常

1 个答案: