首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >jQuery边框动画制作

jQuery边框动画制作
EN

Stack Overflow用户
提问于 2012-06-04 23:04:53
回答 2查看 8.5K关注 0票数 0

您好,我正在尝试动画输入的边框,但无论我如何放置边框,它似乎没有动画。

我当前的代码:

$(this).animate({border : '1px solid #f00'}, 'slow', 'linear');

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-06-25 07:15:33

您必须在完整的jquery中设置边框颜色和样式css属性:

代码语言:javascript
运行
复制
$(this).css({borderColor:"#f00",borderStyle:"solid"}).animate({borderWidth : '3px'}, 'slow', 'linear');

您需要在jquery中使用插件来设置边框颜色的动画,请检查以下内容:http://www.bitstorm.org/jquery/color-animation/

然后..。

代码语言:javascript
运行
复制
$(this).animate({borderColor: '#f00'});

也许这能帮助一些人..。

票数 1
EN

Stack Overflow用户

发布于 2012-06-04 23:07:03

您需要一次设置一个参数的动画。

代码语言:javascript
运行
复制
border-width : '1px'

代码语言:javascript
运行
复制
border-color : '#f00'
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10883545

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档