许多Web页面已经实现了弹出窗口。在使用和特殊人性化方面,本文
介绍了javascript实现弹出窗口效果。具体代码如下:
弹出窗口
* {
保证金:0;
填充:0;
}
div {
保证金:0汽车;
/ *边框1px solid *红;
}
overbg {。
宽度:100%;
身高:100%;
背景:灰色;
不透明性:0.5;
滤镜:alpha(不透明度= 50);
位置:固定;
顶部:0;
Z指数:300;
}
。
宽度:200px;
身高:200px;
填料:30px;
背景:白杏色;
位置:固定;
顶部:0;
Z指数:1000;
}
$(
函数(){())
$(TC)。隐藏();
$('按钮')。Click(function(){)
$(TC);
})
Click(函数(){)
美元(这个);
})
})
点击出现
二十二
创建一个document.getelementbyid('tc-con);
a.style。左=(
文件。身体。clientwidth / 2 a.clientwidth / 2)+ 'px;
a.style。=(
文档。文档元素}。自己 / 2 a.clientheight / 2)+ 'px;
二十二
弹出窗口
* {
保证金:0;
填充:0;
}
div {
保证金:0汽车;
/ *边框1px solid *红;
}
overbg {。
宽度:100%;
身高:100%;
背景:灰色;
不透明性:0.5;
滤镜:alpha(不透明度= 50);
位置:固定;
顶部:0;
Z指数:300;
}
。
宽度:200px;
身高:200px;
填料:30px;
背景:白杏色;
位置:固定;
顶部:0;
Z指数:1000;
}
$(函数(){())
$(TC)。隐藏();
$('按钮')。Click(function(){)
$(TC);
})
Click(函数(){)
美元(这个);
})
})
点击出现
二十二
创建一个document.getelementbyid('tc-con);
a.style。左=(文件。身体。clientwidth / 2 a.clientwidth / 2)+ 'px;
a.style。=(文档。文档元素}。自己 / 2 a.clientheight / 2)+ 'px;
二十二
设计素描 uff1a
以上是共享javascript弹出窗口的实现代码,希望对大家的
学习有所帮助。