WordPress 淡出淡入导航菜单

// 定义透明度, 默认透明
this.opacity = 0;
this.maxopacity = opacity || 1;

/**
 * 激活方法
 * 当鼠标移动到菜单标题是激活
 */
activate: function() {
	// 获取当前菜单体的位置
	var pos = this.util.cumulativeOffset(this.title);
	var left = pos[0];
	var top = pos[1] + this.util.getHeight(this.title);
 
	// 定义激活时样式
	this.util.setStyle(this.body, 'left', left + 'px');
	this.util.setStyle(this.body, 'top', top + 'px');
	this.util.setStyle(this.body, 'visibility', 'visible');
	this.util.setStyle(this.body, 'opacity', this.opacity);
	this.util.setStyle(this.body, 'filter', 'alpha(opacity=' + this.opacity * 100 + ')');
 
	if(this.tid) {
		clearTimeout(this.tid);
	}
	// 不断加强菜单的不透明度
	this.tid = setInterval(this.util.bind(this, this.appear), 30);
}

/**
 * 加强不透明度, 直到最大不透明度
 */
appear: function() {
	this.opacity += 0.1;
	if(this.opacity >= this.maxopacity) {
		this.opacity = this.maxopacity;
		// 取消循环调用
		clearTimeout(this.tid);
	}
	// 重新设定透明度
	this.util.setStyle(this.body, 'opacity', this.opacity);
	this.util.setStyle(this.body, 'filter', 'alpha(opacity=' + this.opacity * 100 + ')');
}

/**
 * 解除方法
 * 当鼠标移动出菜单标题是激活
 */
deactivate: function(){
	if(this.tid) {
		clearTimeout(this.tid);
	}
	// 不断减弱菜单的不透明度
	this.tid = setInterval(this.util.bind(this, this.fade), 30);
}

/**
 * 减小不透明度, 直到完全透明隐藏菜单
 */
fade:function() {
	this.opacity -= 0.1;
	if(this.opacity <= 0) {
		this.opacity = 0;
		// 隐藏菜单
		this.util.setStyle(this.body, 'visibility', 'hidden');
		// 取消循环调用
		clearTimeout(this.tid);
	}
	// 重新设定透明度
	this.util.setStyle(this.body, 'opacity', this.opacity);
	this.util.setStyle(this.body, 'filter', 'alpha(opacity=' + this.opacity * 100 + ')');
}