初始化
初始不透明度为 0, 而最大不透明度为被设定值或者 1.
// 定义透明度, 默认透明 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);
}
减弱菜单的不透明度, 直到透明度为 0 并隐藏菜单.
/**
* 减小不透明度, 直到完全透明隐藏菜单
*/
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 + ')');
}
标签：WordPress
相关阅读 >>
#实践笔记#本地配置phpnow与wordpress运行环境
wordpress dynamic_sidebar()函数使用方法
wordpress标签如何使用呢wordpress标签使用方法
wordpress导入数据库出现”unknown collation ‘utf8mb4_unicode_ci”错误的解决办法
更多相关阅读请进入《wordpress》频道 >>
