超漂亮的仿腾讯弹出层效果

body {background: #ffffff; color: #444;}

a{color: #09d; text-decoration: none;border: 0;background-color: transparent;}

body,div,q,iframe,form,h5{margin: 0;padding: 0;}

img,fieldset { border: none 0; }

body,td,textarea {word-break: break-all;word-wrap: break-word; line-height:1.5;}

body,input,textarea,select,button { margin: 0; font-size: 12px; font-family: Tahoma, SimSun, sans-serif;}

div,p,table,th,td { font-size:1em; font-family:inherit; line-height:inherit;}

h5{ font-size:12px;}

function zOpenD(){

var diag = new Dialog("Diag1");

diag.Width = 900;

diag.Height = 400;

diag.Title = "弹出窗口示例";

diag.URL = "http://www.html.org.cn/";

diag.ShowMessageRow = true;

diag.MessageTitle = "弹出窗口示例";

diag.Message = "在这儿你可以对这个窗口的内容或功能作一些说明";

diag.OKEvent = zAlert;//点击确定后调用的方法

diag.show();

}

function zOpen(){

var diag = new Dialog("Diag2");

diag.Width = 900;

diag.Height = 400;

diag.Title = "弹出窗口示例";

diag.URL = "http://www.html.org.cn/";

diag.OKEvent = zAlert;//点击确定后调用的方法

diag.show();

}

function zOpenInner(){

var diag = new Dialog("Diag3");

diag.Width = 300;

diag.Height = 100;

diag.Title = "弹出窗口示例";

diag.innerHTML='

直接输出html,使用dialog.innerHTML

'

diag.OKEvent = function(){diag.close();};//点击确定后调用的方法

diag.show();

}

function zOpenEle(){

var diag = new Dialog("Diag4");

diag.Width = 300;

diag.Height = 100;

diag.Title = "弹出窗口示例";

diag.innerElementId="forlogin"

diag.OKEvent = function(){$E.getTopLevelWindow().$("username").value||alert("用户名不能为空");$E.getTopLevelWindow().$("userpwd").value||alert("密码不能为空")};//点击确定后调用的方法

diag.show();

}

function zAlert(){

Dialog.alert("你点击了一个按钮");

}

function zConfirm(){

Dialog.confirm('警告:?',function(){Dialog.alert("");});

}

用户登陆
用户名
密 码

效果图:

好看的php提示弹窗,漂亮的jquery提示效果(仿腾讯弹出层)相关推荐

  1. java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面)...

    [Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...

  2. layer弹窗在键盘按回车将反复刷新_layer弹出层回车后反复弹出

    问题描述:引入layer的 包,然后通过一个按钮控制弹出层,但是偶然的情况 下,发现回车后也能弹出,一直回车,一直弹...简单分析之后,可能有两个原因:一是焦点一直在那个按钮,把焦点移开可能是解决的办 ...

  3. [转载]jquery 消息插件--仿QQ消息弹出提醒

    做网站时要实现一个功能,就是定时刷新由客人自己下的在线预定订单,然后提醒她们及时处理,正好jquery.messager.js可以帮我们轻松实现此功能,通过定时查询数据库记录,并通过消息插件弹出提醒她 ...

  4. html 5 桌面弹窗,HTML5+CSS3+jQuery实现弹出层

    我们完全使用HTML5+CSS3+jQuery来实现一个基本的弹出层效果,因此我们可以在示例中任意修改弹出层外观样式.甚至js方法调用.我们最终做出来的弹出层效果应该是响应式的,也就是说可以在桌面PC ...

  5. 点击输入框弹出文字html,jQuery实现点击文本框弹出热门标签的提示效果

    jQuery实现点击文本框弹出热门标签的提示示例_网页代码站 body { font-size:12px;font-family:Arial; } #m_tagsItem { background:# ...

  6. jbox弹窗_强大的jquery弹出层插件jBox

    jBox是一款功能强大的jquery弹出层插件.jBox插件可以用来创建tooltips提示框.模态窗口.图片画廊等多种效果. 使用方法 在页面中引入jBox.all.min.css.jquery和j ...

  7. jQuery实现点击文本框弹出热门标签的提示示例

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  8. 弹出层之1:JQuery.Boxy (二)

    在<弹出层之1:JQuery.Boxy (一)>中讲到了JQuery.Boxy的基本用法,本次讲下手动创建实例,new一个boxy对象是很容易的,传递一些参数对象就能满足不同的需求了. 4 ...

  9. jQuery实现的各种不同样式弹出框

    本来做项目时,需要用到弹框提示用户出错,老师说,普通的alert样式不好看,提示框中会有网站地址,因此通过查找网络找到了这几个样式,均来自网络,调试可用,(加载中需要图片) 可以在http://www ...

最新文章

  1. 2021年最有用的数据清洗 Python 库
  2. php 批量导出excel文件,PHPEXCEL批量导出
  3. 远程办公还将持续,智办事助力企业团队协作难点“破冰”
  4. javaweb学习总结(十)——HttpServletRequest对象(一)
  5. swift调用支付宝
  6. Core Java Volume I — 3.6. Strings
  7. 第七十期:IT技术人员的自我修养
  8. 民生银行 一码付 php,PHP开心码支付免签约第四方支付平台源码修复版
  9. 光驱怎么挂载第二个光驱_重装系统下侦测不到光驱怎么解决?
  10. ssm整合spring,springmvc,mybatis-day12
  11. 【编译原理笔记06】语法分析,移入-归约分析:自底向上的分析,LR(0)分析法,LR(0)分析表的构建(基于自动机)
  12. 神州数码c语言笔试题,神州数码应聘笔试题(2)
  13. oracle入门教程+视频教程
  14. SpringBoot+Vue项目网上家电商城
  15. Cabbage教学(5)——条件体
  16. linux做gpt分区,Linux下的GPT分区
  17. 电脑上怎么绘制流程图以及在线绘制方法
  18. 菜鸟学数据库——大话 char、varchar、 nchar、nvarchar之间剪不断理还乱的关系
  19. 转:latex 表格紧跟指定的文字后面
  20. 炫美泡泡飞舞特效(源代码+效果)

热门文章

  1. 关于Config.ARGB_8888、Config.ALPHA_8、Config.ARGB_4444、Config.RGB_565的理解
  2. MVC传递Model
  3. Jquery和雅虎的YQL服务实现天气预报功能!
  4. [大牛就是牛]双栈排序
  5. 2018年最值得关注的15大技术趋势
  6. FreeModbus TCP传输初始化
  7. 面试官问单表数据量大一定要分库分表吗?我们用六个字和十张图回答
  8. 5 个 IDEA 必备插件,让效率成为习惯
  9. 木兰编程语言当事人被停职:自主创新何时当得起科技自立?
  10. 别扯了,这才是应对高并发的正确处理思路。