即系娱乐
您的当前位置:首页js实现简单模态窗口,背景灰显_javascript技巧

js实现简单模态窗口,背景灰显_javascript技巧

来源:即系娱乐


没什么好说的,都是js,用一个iframe将页面遮挡,iframe上面一个div层,js面向对象做的,其中有部分是js动态生成style。
ModeWindow.js
代码如下:


Untitled Page


var myWin;
function show1(){
var divtest = document.getElementById("divtest");
divtest.style.display="block";
myWin = new ModeWindow(divtest,200,300,300,100,"i change!");
myWin.show();
}
function show2(){
var tbtest = document.getElementById("tbtest");
tbtest.style.display="block";
//myWin = new ModeWindow(tbtest);
myWin = new ModeWindow(tbtest,200,200,200,222,"hello world!");
myWin.show();
}
function Winclose()
{
myWin.close();
}






在线演示 http://img.jb51.net/online/ModeWindow/index.htm

显示全文