javascript弹出窗口实现代码

javascript弹出窗口实现代码
许多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弹出窗口的实现代码,希望对大家的学习有所帮助。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部