仿Windows关机效果：封装lightbox类 - 编程入门网
作者 佚名技术
来源 NET编程
浏览
发布时间 2012-06-17
| fo.bindAsEvent Listener (this)}
);
},
// 将返回的文本信息显示到高亮层上
processInfo: function(response){
//获得返回的文本数据
var result = response.responseText;
//显示到高亮层
info = "<div id=''lbContent''>" + result + "</div>";
//在info元素前插入一个元素
new Insertion.Before($(''lbLoadMessage''), info)
//改变该元素的class name的值
$(''lightbox'').className = "done";
//调用本类中actions方法
this.actions();
var ctrl=$(''lightbox'');
//为高亮层添加事件处理方法reset
Event.observe(ctrl, ''click'', this.reset.bindAsEventListener(this), false);
ctrl.onclick = function(){return false;};
},
//恢复初始状态
reset:function(){
//隐藏覆盖层
$(''overlay'').style.display="none";
//清空返回数据
$(''lbContent'').innerHTML="";
//隐藏高亮层
$(''lightbox'').style.display="none";
},
// Search through new links within the lightbox, and attach click event
actions: function(){
lbActions = document.getElementsByClassName(''lbAction'');
for(i = 0; i < lbActions.length; i++) {
Event.observe(lbActions[i], ''click'', this[lbActions[i].rel].bindAs EventListener(this), false);
lbActions[i].onclick = function(){return false;};
}
}
}
提示：由于该对象比较复杂，读者可以仔细参阅代码的注释部分。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于仿Windows关机效果：封装lightbox类 - 编程入门网的所有评论
