htmld出新的dialog

window.open d出新窗口的命令

"page.html” d出窗口的文件名

"newwindow” d出窗口的名字(不是文件名)，非必须，可用空””代替

100 窗口高度

width=400 窗口宽度

top=0 窗口距离屏幕上方的象素值

left=0 窗口距离屏幕左侧的象素值

toolbar=no 是否显示工具栏，yes为显示

menubar，scrollbars 表示菜单栏和滚动栏。

resizable=no 是否允许改变窗口大小，yes为允许

location=no 是否显示地址栏，yes为允许

status=no 是否显示状态栏内的信息(通常是文件已经打开)，yes为允许

<dl>标签定义了定义列表。

如：

<dl>

<dt>计算机</dt>

<dd>用来计算的仪器 ... ...</dd>

<dt>显示器</dt>

<dd>以视觉方式显示信息的装置 ... ...</dd>

</dl>

－－－－－

<dialog>标签是 HTML 5 中的新标签。

用于标签定义对话，比如交谈。

对话中的每个句子都必须属于 <dt>标签所定义的部分。请看下面的例子。

例子

<dialog>

<dt>老师</dt>

<dd>2+2 等于？</dd>

<dt>学生</dt>

<dd>4</dd>

<dt>老师</dt>

<dd>答对了！</dd>

</dialog>

首先根据需求我们需要一个按钮，一个d出窗口层；

OK，废话不多说；

按钮就用一个基本的：

<button class="btn">Click me</button>

<div class="dialog">我是浮动的窗口</div>

我们要给浮动层设置一下样式

.dialog{width:200pxheight:200pxborder:solid 1px #000position:absoluteright:10pxtop:100pxline-height:200pxtext-align:centerdisplay:none}

OK ,下面就是JS部分：

首先需要引入一个JS库，版本自己定义：

然后给按钮添加相应的点击事件，让点击button的时候，显示出浮动层

$(".btn").click(function(){

$(".dialog").show(100)

})

---