分别用专门的js弹窗框架与Extjs框架作出的弹出窗口比较,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>弹窗实验</title>
<!--
作者：3083996241@qq.com
时间：2014-11-18
描述：弹窗框架实现
-->
<script type="text/javascript" src="js/artDialog.source.js?skin=blue"></script>
<script type="text/javascript" src="js/iframeTools.source.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<!--
作者：3083996241@qq.com
时间：2014-11-18
描述：Extjs 弹窗
-->
<link rel="stylesheet" type="text/css" href="ext-2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="ext-2.1/ext-base.js"></script>
<script type="text/javascript" src="ext-2.1/ext-all.js"></script>
<script type="text/javascript" src="ext-2.1/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
var win = null;
Ext.onReady(function() {
win = new Ext.Window({
title: 'wb2弹窗',
width: 400,
height: 300,
modal: true,//窗口弹出后,原主页面无法操作
//applyTo:
html: '<p>某日上课，老师宣布下节课小考</p>'//指定弹窗内容
});
});
function tc2() {
win.show();
}
</script>
<script type="text/javascript">
function tc1() {
art.dialog.open('wb1.html', {//指定URL,弹出窗口内容为该URL
//id='',
title: 'wb1弹窗',
width: 400,
height: 150,
lock: true//窗口弹出后,原主页面无法操作
});
}
</script>
</head>
<body>
<a href="javascript:tc1();">弹窗-1</a>
<br />
<a href="javascript:tc2();">弹窗-2</a>
</body>
</html>
弹窗截图:
分享到：
相关推荐
用JavaScript实现弹出窗口 用JavaScript实现弹出窗口 用JavaScript实现弹出窗口
javascript 实现弹出小窗口javascript 实现弹出小窗口javascript 实现弹出小窗口javascript 实现弹出小窗口javascript 实现弹出小窗口javascript 实现弹出小窗口
功能强大的弹出窗口js代码，可自定义以实现各种不同的弹出效果，包括：不带灰色半透明遮罩层的普通窗口；带遮罩层的弹出窗口；可定位在在指定位置的弹出窗口；可控制父级页面的弹出窗口等各种效果，一应俱全
lhgdialog DIV弹出窗口框架，基于JavaScript，它与Alert弹出窗口有着本质的区别，lhgdialog DIV弹出窗口是JS+CSS结合打造的产物，界面非常漂亮，无刷新弹出窗口。
js实现弹出窗口 实现登录及其他效果 高亮效果
这里介绍了chooseCancelOnNextConfirmation、chooseOkOnNextConfirmation等JavaScript脚本实现的弹出窗口处理函数，selenium会弹出网页窗口，因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot....
js 实现 弹出窗口选择颜色! 值得下载看看!资源免费,大家分享!!
js实现拖动关闭的浮动窗口，一个浮动层插件代码，可任意拖动位置并关闭弹出窗口，是基于Div的浮动层效果，十分的漂亮和实用，具体的功能，官方描述如下： ① 窗口可以拖动； ② 窗口可以通过八个方向改变大小...
一个比较简单的弹出式窗口的案例
js css3九宫格弹出窗口代码是一款点击弹出窗口文字详情展示动画特效。
网页上最酷的弹出窗口(对话框)脚本源代码及示例 这是我所见过的最好看的网页窗口/对话框程序，它实现于标准的HTML页面，实现语言是Javascript。你可以把它用到ASP.NET，AJAX，Java等等所有网页上，支持的功能有：...
用html+css+js/jquery实现的点击按钮弹出一个层窗口效果。注释部分使用js实现的，script部分则是jquery实现的，效果更好一些。可以把jquery部分注释掉来看js的效果
JS关闭窗口弹出新窗口,关闭新窗口时,刷新父窗口,JS代码实现刷新网页,js实现弹出窗口代码收集集萃
GenJS是一个Div弹出窗口JS类，简称Gen，兼容当前主流浏览器(Firefox1.5 /IE6 )，完全基于纯Html/CSS JS技术。 主要封装Web常用JS操作：加入收藏夹、设为主页、刷新、复制、Cookie操作、弹出窗口、下来列表、获取...
几种jquery弹出动态窗口的代码和实例
js 实现 定时弹出窗口! 值得下载看看!资源免费,大家分享!!
用本程序弹出的窗口将不会被广告拦截软件拦截，但有一个缺点：你无法象对window.open弹出的窗口那样对外观进行定制。当然也可以在使用前实例化一个ForceWindow对象进行操作
今天要共享一款基于jQuery1.6的弹层插件lyz.layer1.0，该能在浏览器界面上显示非常好的体验效果，它可以通过配置不同属性来实现多样功能化，含：弹信息框、弹出层、弹窗口、弹出HTML代码等等。
JS+CSS实现带关闭按钮的DIV弹出窗口
FLASH弹出窗口FLASH弹出窗口