hi everyone
version 1.12 of this code is working very nice, but I need version 1.2
or higher. How do I implement this code?
var Rokmoomenu = new Class({
options : {
bgiframe : true,
hoverClass : 'sfHover',
delay : 500,
animate : {
props : [ 'opacity', 'height' ],
opts : Class.empty
}
},
initialize : function(el, options) {
this.setOptions(options);
this.element = $(el);
this.element.getElements('li').each(function(el) {
el.addEvents({
'mouseover' : this.over.bind(this, el),
'mouseout' : this.out.bind(this, el)
})
}, this)
},
over : function(el) {
$clear(el.sfTimer);
if (!el.hasClass(this.options.hoverClass)) {
el.addClass(this.options.hoverClass);
var ul = el.getElement('ul');
if (ul) {
if (this.options.bgiframe)
ul.bgiframe({
opacity : false
});
ul.animate(this.options.animate)
}
el.getSiblings().each(function(ele) {
ele.removeClass(this.options.hoverClass)
}, this)
}
},
out : function(el) {
el.sfTimer = (function() {
el.removeClass(this.options.hoverClass);
var iframe = el.getElement('iframe');
if (iframe)
iframe.remove()
}).delay(this.options.delay, this)
}
});
Rokmoomenu.implement(new Options);
Element.extend({
animate : function(obj) {
if (!this.Fx) {
this.Fx = this.effects(obj.opts);
this.now = this.getStyles.apply(this, obj.props);
this.FxEmpty = {};
for ( var i in this.now)
this.FxEmpty[i] = 0
}
if (obj.props.contains('height') ||
obj.props.contains('width')) {
this.setStyle('overflow', 'hidden');
this.getParents('ul').each(function(el) {
el.setStyle('overflow', 'visible')
})
}
this.Fx.set(this.FxEmpty).start(this.now)
},
getParents : function(expr) {
var matched = [];
var cur = this.getParent();
while (cur && cur !== document) {
if (cur.getTag().test(expr))
matched.push(cur);
cur = cur.getParent()
}
return matched
},
getSiblings : function() {
var children = this.getParent().getChildren();
children.splice(children.indexOf(this), 1);
return children
}
});