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

2011-08-17 45 views 0 likes

我正在寻找当另一个DIV被徘徊时变换DIV的右边界颜色。让slideToggle工作的解决方案与我读过的有点不同，所以我想这个解决方案会有些不同。边框动画在悬停时不起作用。 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是好的，但我不知道如何将动画整合。

感谢所有，

汤姆

来源

2011-08-17 Tom Kolodotschko

回答

欢迎JQuery用户界面的精彩世界！（这是你需要使用的东西。）

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

“的jQuery UI的效果核心扩展了动画功能，能够进行动画的颜色为好。它大量使用类别转换功能，它是能够色彩动画以下属性：

的backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor 颜色 outlineColor 与下列组合之一：

十六进制（＃FF0000） RGB（RGB（255,255,255））名称（ “黑”）”

来源

2011-08-17 16:45:36 Christian

当然，这是完全轻率我。我试图让网站尽可能瘦，所以如果有的话，可能不得不考虑另一种做法。谢谢基督徒。 –

查看JQuery颜色插件 - 我从来没有使用它，但我听说过它：http://plugins.jquery.com/project/color – Christian

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

回答

相关问题