软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 仿百度的模态弹出窗口效果(附源码)

仿百度的模态弹出窗口效果(附源码)

  烈火网(LieHuo.Net)教程 今天晒给大家的是百度的模态弹出窗口.由于之前的项目要用到这样的窗口,所以就从百度中把它的这个窗口给借用了,当然,版权归百度所有,我只是把它的代码整合了下,也从它的代码中学到了一些思想.

  先贴下效果图:

烈火网(liehuo.net)提示:点击新窗口预览!

弹出网页(相当于window.showdialog('...');

烈火网(liehuo.net)提示:点击新窗口预览!

弹出字符串(感觉这样称呼怪怪的~~)

烈火网(liehuo.net)提示:点击新窗口预览!

信息提示框(相当于window.alert('hello,PopWin');)

烈火网(liehuo.net)提示:点击新窗口预览!

是否确认框(相当于window.confirm('是否删除');)

  代码如下:

以下为引用的内容:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>PopUp-LIEHUO.NET</title>
<script type="text/javascript" src="js/popup.js"></script>
<script type="text/javascript" src="js/popupclass.js"></script>
</head>
<body>
<p align="center">
<input  type="button" value="打开百度" onclick="ShowIframe('百度','http://www.baidu.com',800,450)"><br>
<input  type="button" value="HTML字符串" onclick="ShowHtmlString('字符串','<B>Hello,PopWin',400,200)"><br>
<input  type="button" value="信息提示框" onclick="ShowAlert('提示框','<B>Hello,PopWin',200,100)"><br>
<input  type="button" value="是否确认框" onclick="ShowConfirm('确定','是否删除','Button4','',340,80)">
</p>
</body>
</html>

相关阅读
栏目导航
推荐软件