许多Web页面已经实现了弹出窗口。在使用和特殊人性化方面，本文介绍了javaｓｃｒｉｐｔ实现弹出窗口效果。具体代码如下：






弹出窗口


* {
保证金：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


以上是共享javaｓｃｒｉｐｔ弹出窗口的实现代码，希望对大家的学习有所帮助。