Javascript 如何永久设置高光持续时间
我想永久设置Javascript 如何永久设置高光持续时间,javascript,extjs,highlight,extjs6,Javascript,Extjs,Highlight,Extjs6,我想永久设置Ext.get(el).highlight()函数的持续时间。这在不使用cls的情况下是可能的吗?我已经尝试给持续时间配置赋予无穷大。但是,这样做会收到许多错误。您需要覆盖函数高亮显示。有恒定的1000毫秒 Ext.dom.Element.override({ highlight: function(color, options) { var me = this, dom = me.dom,
Ext.get(el).highlight()函数的持续时间。这在不使用cls的情况下是可能的吗?我已经尝试给持续时间配置赋予无穷大。但是,这样做会收到许多错误。您需要覆盖函数高亮显示。有恒定的1000毫秒
Ext.dom.Element.override({
highlight: function(color, options) {
var me = this,
dom = me.dom,
from = {},
animFly = new Ext.dom.Fly(),
restore, to, attr, lns, event, fn;
options = options || {};
lns = options.listeners || {};
attr = options.attr || 'backgroundColor';
from[attr] = color || 'ffff9c';
if (!options.to) {
to = {};
to[attr] = options.endColor || me.getColor(attr, 'ffffff', '');
}
else {
to = options.to;
}
// Don't apply directly on lns, since we reference it in our own callbacks below
options.listeners = Ext.apply(Ext.apply({}, lns), {
beforeanimate: function() {
// Reattach to the DOM in case the caller animated a Fly
// in which case the dom reference will have changed by now.
animFly.attach(dom);
restore = dom.style[attr];
animFly.clearOpacity();
animFly.show();
event = lns.beforeanimate;
if (event) {
fn = event.fn || event;
return fn.apply(event.scope || lns.scope || WIN, arguments);
}
},
afteranimate: function() {
if (dom) {
dom.style[attr] = restore;
}
event = lns.afteranimate;
if (event) {
fn = event.fn || event;
fn.apply(event.scope || lns.scope || WIN, arguments);
}
}
});
me.animate(Ext.apply({}, options, {
duration: 10000, // here new duration ms
easing: 'ease-in',
from: from,
to: to
}));
return me;
}
});
或者您可以将配置附加到突出显示的方法,如:
Ext.get(el).highlight("#ffff9c", {
attr: "backgroundColor",
endColor: "#ffffff",
easing: 'easeIn',
duration: 4000
});