- 浏览: 118689 次
- 性别:
- 来自: 南宁
-
文章分类
最新评论
js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得js弹出对话框在弹出时仍然能够看到网页内容。这种js弹出对话框不会让浏览者迷失方向,或将它们转移到另一页,会让用户有一个很好的界面体验。 如图所示:
js弹出对话框截图
此js弹出对话框已做过测试,可以兼容现在的所有主流浏览器,所以你可以放心使用这个js弹出对话框。
另外,此js弹出对话框的div中包含一个iframe用于“载入”loading页面。 当弹出对话框中的内容比较多打开速度比较慢时,可以用loading来提示用户。
首先,你可能想下载js弹出对话框源代码 。下载js弹出对话框源代码之后,其中包含的文件需要在这里解释一下。
Common.js文件:包括附加事件处理程序、获得浏览器的尺寸等功能。
subModal.js文件:集中了所有发生的动作。控制js弹出对话框的显示、隐藏、调整窗口。
在你下载js弹出对话框源代码后,会有三个实例,分别是:
js弹出对话框实例一:按钮调用onclick事件。
js弹出对话框实例二:文字链接并使用样式。
js弹出对话框实例三:自定义对话框大小。
当然JS文件如果你看不懂也没关系,只要会用就可以了,相信你现在已经学会了怎么把js弹出对话框应用到你的网站中去,如果设计的弹出对话框很漂亮,用的PNG格式,那么你就要用到另外一个IE6下PNG图片透明效果的JS特效代码,两者相结合,相信你一定会制作出非常漂亮的弹出对话框,如果其中有什么问题可以留言给我,尽量给你满意的答复!
Response.Write("<script>alert('短信发送成功!');</script>");
js弹出对话框截图
此js弹出对话框已做过测试,可以兼容现在的所有主流浏览器,所以你可以放心使用这个js弹出对话框。
另外,此js弹出对话框的div中包含一个iframe用于“载入”loading页面。 当弹出对话框中的内容比较多打开速度比较慢时,可以用loading来提示用户。
首先,你可能想下载js弹出对话框源代码 。下载js弹出对话框源代码之后,其中包含的文件需要在这里解释一下。
Common.js文件:包括附加事件处理程序、获得浏览器的尺寸等功能。
subModal.js文件:集中了所有发生的动作。控制js弹出对话框的显示、隐藏、调整窗口。
在你下载js弹出对话框源代码后,会有三个实例,分别是:
js弹出对话框实例一:按钮调用onclick事件。
js弹出对话框实例二:文字链接并使用样式。
js弹出对话框实例三:自定义对话框大小。
当然JS文件如果你看不懂也没关系,只要会用就可以了,相信你现在已经学会了怎么把js弹出对话框应用到你的网站中去,如果设计的弹出对话框很漂亮,用的PNG格式,那么你就要用到另外一个IE6下PNG图片透明效果的JS特效代码,两者相结合,相信你一定会制作出非常漂亮的弹出对话框,如果其中有什么问题可以留言给我,尽量给你满意的答复!
Response.Write("<script>alert('短信发送成功!');</script>");
发表评论
-
jQuery操作Table学习总结
2012-11-08 13:35 657jQuery在客户端操作Table学习:不过有很多很多的不足, ... -
模仿AJAX上传文件
2011-07-27 11:08 0首先要说的就是 ajax 是无法实现上传文件的,可以想一下aj ... -
模仿AJAX上传文件
2011-07-27 11:08 641首先要说的就是 ajax 是无法实现上传文件的,可以想一下aj ... -
模仿AJAX上传文件
2011-07-27 11:07 686首先要说的就是 ajax 是无法实现上传文件的,可以想一下aj ... -
模仿AJAX上传文件
2011-07-27 11:07 883首先要说的就是 ajax 是无法实现上传文件的,可以想一下aj ... -
KindEditor-编辑器配置参数属性
2011-03-31 17:09 1802在《KindEditor-KindEditor简介》中提到了K ... -
js首页图片轮播
2011-01-12 17:05 1858<HTML><HEAD><TIT ... -
【转】 DIV+CSS+JS图片无缝滚动代码下载
2011-01-10 22:55 984DIV的图片无缝滚动,DIV 图片上无缝滚动,DIV 图片下无 ... -
js 滚动菜单
2011-01-10 22:51 646<html> <head> <m ... -
javascript跳转
2010-12-29 16:39 711js跳转页面方法大全<s ... -
新的右下脚消息
2010-12-25 00:42 388<SCRIPT language=JavaScript& ... -
右下角弹窗
2010-12-25 00:30 1552<html><body><sty ... -
js 操作 cookie
2010-12-20 14:57 671//设置cookies function setCookie( ... -
js全选单选集合
2010-10-30 09:05 1004<!DOCTYPE html PUBLIC " ... -
js模式对话框控制
2010-09-19 09:45 1894Javascript有许多内建的方法来产生对话框,如:wind ... -
滑门技术
2010-09-08 14:45 609<!DOCTYPE HTML PUBLIC ... -
如何局部刷新js函数
2010-09-08 11:06 1187<script type="text/java ... -
js滑动门
2010-08-31 17:41 978<!DOCTYPE html PUBLIC " ... -
自己写的js加密
2010-08-10 18:50 660<script>function changeTe ...
相关推荐
详细的介绍了弹出对话框的知识。弹窗代码经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话...
js弹出对话框源代码下载 jQuery,div+css,网页特效,web,广告设计
纯JS x0popup插件实现弹出对话框特效源码.zip
弹出的绿色对话框信息插件特效代码
代码片段: <link rel="stylesheet" href="css/bootstrap.min.css?3.1.64"> [removed][removed] [removed][removed] [removed][removed] <link href="ShakeBorder.css?3.1.64" rel=...
HTML5手机端简单弹出对话框代码,触屏操作,多种弹出对话框效果!
jQuery点击弹出对话框确认窗口代码基于jquery-1.7.1.min.js制作,点击链接弹出充值成功或者充值失败对话框窗口,带关闭按钮。
dialog手机端弹出对话框确认特效是一款实用的手机移动端弹出确认框代码下载。
jQuery点击删除弹出对话框代码是一款鼠标点击弹出是否删除行代码。
jQuery点击弹出对话框确认操作代码是一款可以设置文字,按钮文字,回调事件的弹出层等。
实现效果: ...大气绿色jQuery弹出框弹出层特效代码,支持三种弹出对话框模式,即提示信息、confirm确认、 alert提示三种弹框模式,特效代码基于jQuery实现,很不错的对话框,相比ArtDialog功能弱了点。效。
jQuery点击弹出对话框确认窗口代码基于jquery-1.7.1.min.js制作,点击链接弹出充值成功或者充值失败对话框窗口,带关闭按钮。
非常不错的JS特效。一个自定义样式的alert弹出对话框。比系统默认的美观许多。
脚本简介jQuery触屏弹出对话框是一款适用于触屏手机的弹出对话框jquery插件。
jQuery点击弹出确认窗口对话框是一款简易的鼠标点击弹出成功或者失败对话框代码。
弹出对话框jQuery插件Dialog主要功能是将Javascript中的alert和confirm这两个默认的弹窗进行了美化,支持弹出iframe,自动调整对话框位置,ESC关闭,可拖拽等。
jQuery可拖拽对话框弹出层代码,支持拖拽,自定义弹出层回调,自定义弹出层内容,标题文字等
SweetAlert2是SweetAlert-js的升级版本,它解决了SweetAlert-js中不能嵌入HTML标签的问题,并对弹出对话框进行了优化,同时提供对各种表单元素的支持,还增加了5种情景模式的模态对话框。 本代码适用浏览器:搜狗、...
脚本简介jQuery触屏弹出对话框是一款适用于触屏手机的弹出对话框jquery插件。