html中,怎麽做壹個彈出式的大小固定的小窗口?

JavaScript?彈窗***有三種

1、window.alert("sometext");

2、window.confirm("sometext");

3、window.prompt("sometext","defaultvalue");

但是這3種方法都不能做壹個大小固定的小窗口，要做大小固定的彈窗，需要我們自己在HTML文檔中編寫：

HTML：

.btn：點擊button後彈窗出現

.close：點擊X後彈窗消失

.con：是彈窗內容區

.bk：屏蔽頁面其他內容，彈窗出現時，彈窗的z-index最大，其他內容不能進行操作

CSS：

JQ：

頁面展現效果：

1、點擊按鈕

2、出現壹個自己控制的500*200的彈框，同時瀏覽區背景為灰色

3、點擊紅色區域右上角X號，彈窗會消失