如何创建一个JavaScript弹出DIV窗口层的效果
首先，我们将弹出框中的内容放置在一个特殊的DIV层中，然后默认隐藏它（即初始不可 见，使用CSS即可实现）。当用户执行某个动作时——比如点击某个链接或者将鼠标光标移动到某个链接上——我们将之前设置好的隐藏层显示在所有页面元素的 最上层（将使用JS操作实现）。
利用js代码首先创建一个div，document.createElement（div）；确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。示例：比如html中有一个文本输入框，我们现在需要在挨着输入框右下角位置显示一个div。
引用jq和cookie，通过cookie判断是否首次打开。
html，用浏览器打开，就可以了。点击页面的一个地方，弹出。script type=text/javascript function myalert（）{ alert（这是第一个JavaScript例子！）；} /script div onclick=myalert（）；点我弹出/div 吧这些存在一个后缀名是html的文件，如b.html，用浏览器打开，就可以了。
Javascript自带的警告框是没办法做出这样的效果的，只能用HTML来模拟。
JavaScript三种弹窗(javascript的弹窗)
1、使用javascript获取当前年份并且使用对话框弹出。第一种：alert（）方法 alert（）方法是这三种对话框中最容易使用的一种，她可以用来简单而明了地将alert（）括号内的文本信息显示在对话框中，我们将它称为警示对话框，要显示的信息放置在括号内。
2、JavaScript中的三种弹出框类型——警告框、确认框和提示框的使用详解如下： 警告框 功能：用于向用户显示警告信息。 特点：用户必须点击“确定”按钮才能继续操作。 语法：alert； 或 window.alert；。 示例：alert； 确认框 功能：用于需要用户进行确认或取消操作的场景。
3、方法一： 浏览器读页面时弹出窗口；方法二： 浏览器离开页面时弹出窗口；方法三：用一个连接调用：打开一个窗口注意：使用的“#”是虚连接。
4、先说一下实现的原理：利用JavaScript实现表单的实时互动。js中总共有几种输出语句JS中常用的输入输出语句：alert（）：弹窗输出prompt（）：弹窗输入接受两部分参数：①输入提示内容；②输入框的默认文本。（两部分都可以省略）输入的内容默认都是字符串。1。使用window.alert（）弹出警告框。2。
怎样用js实现点击时制出现一个弹窗
方法一：bodyonload=openwen（）浏览器读页面时弹出窗口； 方法二：bodyonunload=openwen（）浏览器离开页面时弹出窗口； 方法三：用一个连接调用：ahref=#onclick=openwin（）打开一个窗口/a 注意：使用的#是虚连接。
left=0 窗口距离屏幕左侧的像素值 toolbar=no 是否显示工具栏，yes为显示 menubar，scrollbars 表示菜单栏和滚动栏 resizable=no 是否允许改变窗口大小，yes为允许 location=no 是否显示地址栏，yes为允许 status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许 /SCRIPT js脚本结束。
该文本框用div写，用户点击某个地方或打开页面时弹出，并且设置显示时间。
怎么调用呢？ 方法一： body onload=openwin（） 浏览器读页面时弹出窗口； 方法二： body onunload=openwin（） 浏览器离开页面时弹出窗口； 方法三：用一个连接调用： a href=# onclick=openwin（）打开一个窗口 /a 注意：使用的#是虚连接。
首先我们创建一个div，和一个按钮。用按钮的点击来控制div的显示或隐藏。02 添加一个样式名叫hide的样式，主要是设置display=none，即隐藏。03 接着用js来实现显示，隐藏的功能。我们用Jquery的hasClass方法来判断div是否有hide样式，有则删除这个样式，即显示div。
HTML结构：创建一个弹窗的HTML结构，包括弹窗层和遮罩层。CSS样式：为弹窗层和遮罩层设置样式，包括大小、位置、背景、动画效果等。利用CSS3的@keyframes定义动画关键帧，实现弹窗的弹出和关闭动画。
js如何实现点击图片弹出窗口并放大这张图片,弹出的窗口有半透明遮罩层...
遮罩层： ，即作为背景层，覆盖整个页面。弹出层：，即背景层上的一层，此层可根据#form{top： 10%； left： 10%；width： 20%；height： 30%；}，调整弹出层的弹出位置。
首先看看HTML、一个img图像控件和一个带掩码样式的div，其中包含文本。这是蒙版层。然后，查看样式定义。首先，查看图像容器和图像的样式，如图所示。这主要是准备我们的绝对定位口罩。看看蒙版层的样式定义。代码如图所示。背景：rgba（0，0，0，0.7）；透明度可以通过修改后面的0.7号来改变。
CSS样式：为弹窗层和遮罩层设置样式，包括大小、位置、背景、动画效果等。利用CSS3的@keyframes定义动画关键帧，实现弹窗的弹出和关闭动画。JavaScript控制：使用JavaScript监听触发弹窗的事件（如按钮点击），控制弹窗层和遮罩层的显示和隐藏，同时触发CSS动画。
可以通过修改以下数字0．7来更改透明度。 1是完全不透明的，0是完全透明的。4．随后，添加用于鼠标移动的脚本代码以显示遮罩层。该js代码是用jquery编写的，既方便又简单，因此首先介绍jquery脚本库。
