[英]Raphael.js - can I use .show/.hide with fade effect?
Is there a way to make element fade in or fade out using Raphael.js? 有没有办法使用Raphael.js使元素淡入或淡出? My code is something like: 我的代码是这样的:
var elem = paper.circle(10, 10, 10)
elem.hide();
Is there an attribute to .hide() to make fade effect, something like: 是否存在.hide()属性以使淡入淡出效果,如:
var elem = paper.circle(10, 10, 10)
elem.hide({'duration':5000});
You can animate opacity
for fade effect 您可以为淡入淡出效果设置opacity
的动画
var elem = paper.circle(10, 10, 10);
elem.animate({ opacity : 0 }, 1000, function () { this.hide() });
To fadeIn, 淡出,
elem.show().animate({ opacity : 1 }, 1000);
You can do it without animations also: http://jsfiddle.net/3jsFe/1/ 您也可以在没有动画的情况下完成: http : //jsfiddle.net/3jsFe/1/
You need to take the elem.node
你需要拿elem.node
$(elem.node).fadeOut(2000, function() {
$(elem.node).fadeIn(2000);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.