都什么年代了,还自己写弹出层插件!是的,①自己写的自己好控制②可定制性高③兼容低版本IE 本插件有以下特性: 样式分离,可定制,纯净无图片 可自定义按钮及按钮的样式.点击事件 可指定选择器选择页面元素的内容作为弹出层的内容,也可以指定url来异步加载单独页面 可配置遮罩层.关闭按钮.按钮栏 可配置拖动.自动关闭.失焦关闭 可配置打开.关闭和确定.取消时的动作 先上一张截图看看样子: 使用方法: 1. 引入相关文件 <link rel="stylesheet" href="…

下载地址:http://pan.baidu.com/s/1eQ26CMm ps:ajax加载做的,要有环境才能正常运行哦! //这是一个以ajax加载显示弹出层插件  参数(option): width,height 高宽; visibleWay,弹出层显示的两种方法(hidden, 固定高宽默认显示,auto,自适应高度显示); thisposition,当以auto方式显示的时候必须设置的参数.…

介绍款交互性非常不错的jquery弹出层插件,支持消息提示.错误提示.确认框提示等. 交互式体验感非常不错,比如咱们现在体验非常不错的微信支付.支付宝等完成后的效果. 不过本插件至少支持IE9+ Jquery Sweet Alert 使用方式也特别简单.粗暴,符合大众的jquery插件使用方法. 演示地址: http://www.xuetub.com/plugin/demo/111 欢迎大家去学徒帮分享更多jQuery插件,大家共同学习进步,帮助更多的小伙伴!!!…

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层 要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun…

layer.js(mobile)是一个小巧方便的弹出层插件,在之前的apicloud项目中被大量使用,但最近对apicloud的IDE.非常不友好的文档和极低的开发效率深感厌烦,决定弃用然后转向Vue开发.在开发过程中引入layer.js的时候遇到了麻烦.原因是layer.js不支持import导入,这时就需要修改一下它的源码.在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加 export default layer; 这表示将这个全…

<button class="layui-btn" lay-submit lay-filter="formDemo" id="layui-btn" type="submit">立即提交</button> 使用layer/layui弹出层插件,type="submit"时,弹出层失效,改为type="button"时正常弹出;…

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 用于显示弹出层 2.Ligh…

网站开发过程中,为了增加网站交互效果,我们有时需要在当前页面弹出诸如登陆.注册.设置等窗口.而这些窗口就是层,弹出的窗口就是弹出层.jQuery中弹出层插件很多,但有些在html5+css3浏览器下,支持完美.而在例如ie8一下的浏览器下显示不出应有的效果.例如jquery.avgrund插件在ie8下就无法显示. 本文介绍的插件Lightbox_me可以完美的支持chrome,firefox和ie7,ie8,ie9等主流浏览器. 1.Lightbox_me插件功能 实现弹出层操作 2.Ligh…

该提示框插件可以和Bootstrap完美结合,但是并不一定需要和Bootstrap一起使用.它支持IE7以上的浏览器. 首先要引入需要的css  js  文件 <link rel="stylesheet" href="jquery.webui-popover.css"> <script src="jquery.js"> </script> <script src="jquery.webui-po…

在许多网站中,经常用到弹出层,有时候为了达到更好的用户体验,你将写繁琐的css跟js,这款 jquery-layer可以让你想到即可做到的web弹窗/层js组件.layer侧重于用户灵活的自定义,为不同人的使用习惯提供全方位设计,您的页 面会因此拥有更丰富.友好的操作体验,而您只需在调用时简单地配置相关参数,即可轻松实现各类交互.   它的使用方法很简单,首先,引入jquery库及layer库 代码如下: <button id="test1">小小提示层</butto…

JQuery插件TipsWindown 1.1 一个基于jQuery的弹出层.支持拖拽,支持内容为文字,图片,URL等!至于兼容性.在IE6下,弹出对像无法绝对固定.其他应该没啥大问题: 最新更新:(2010-08-12):修正IE6下不能遮住下拉菜单的BUG,增加拖动时半透明效果. 应用演示 弹出文本信息提示:   我是下拉菜单 tipsWindown("提示","text:提示信息内容","250","150","…

layer的使用 4.24更新:注意:layer现在有旧版1.8.5版本和新版本3.0版本的,对应引入的JQ也要不同,相对应的JQ引入1.1和3.1,否则JQ会出问题 4.21更新: 解答4-19的问题:采用红色字 4,19日更新问题 在老版本中(1.7)版中遇到的问题;问题补充:准确的说是,在移动端中所出现的问题, layer.confirm()     //在运行时会报错,是什么原因呢? 原因:在移动端中,其实是不支持,layer.alert(),layer.confirm(),layer.…

1. 使用layer遇到困难?Fly社区虔诚为您解惑 2. layer 2.0 发布,以独立形式呈现的最后一个版本 3. Fork layer on Github,爱她,就给她加个星啵 当前版本:2.0(2015-09-01更新) ://github.com/sentsin/layer 大小:40KB,下载次数:124689 一些唠叨 在线调试 快速上手 前往旧版1.8.5 layer是一款近年来口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有…

效果图如下: 提取自ZCMS的弹出框: 代替window.open.window.alert.window.confirm:提供良好的用户体验: 水晶质感,设计细腻,外观漂亮: 兼容ie6/7/8.firefox2/3.Opera:弹出框在ie6下不会被select控件穿透: 无外部css文件,引用Dialog.js即可使用: 对iframe下的应用作了充分考虑,适合复杂的系统应用: Dialog显示的内容(三种):1.指向一个URL的iframe窗口:2.页面内隐藏的元素中的html内容:3.…

怀着非常.非常恼火的心情写下这个博文.我深深怀疑有一些人只会瞎粘贴复制别人的博文,自己试都不试就发布到网上,左右看的人想法,就此深通恶绝!! 废话不多说. SweetAlert是一个简洁好用的自制Alert()插件. 再此,如果有的朋友懒得自己写一个Alert(),可以用用这个插件,当然这个插件,里面是可以自制CSS和Div的. 在官方看了文档后,按照官方的资源包,找到了主要的 sweetalert.css.sweetalert.min.js(不好意思,不是放在dist文件夹,一堆人说放在这个文…

1.引入文件: 使用前需包含以下jquery.js.bgiframe.js.weebox.js.wee.css文件 2.基本用法举例如下: <script type="text/javascript"> $.weeboxs.open('#testbox', { title: 'hello world', width:400, height: 200 }); $.weeboxs.open('The operation failed.',{ onopen:function(){…

1.thickbox 目前用的比较多的,最新版本是thickbox3.1 下载地址:http://jquery.com/demo/thickbox/#examples 2.colorBox 官方网站:http://colorpowered.com/colorbox/ 下载地址:http://colorpowered.com/colorbox/colorbox.zip 演示实例:http://colorpowered.com/colorbox/core/example1/index.html 3.…

给大家分享一款非常实用的弹窗提示窗口插件,包含多种模式.带有回执函数值的功能.​1. [代码][JavaScript]代码 <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script><!--[if IE 6]><script type="text/javascript" src="js/iepngfix_tilebg…

http://www.51xuediannao.com/js/jquery/jquery_layer/layer.html…

. Default dialog box, no custom settings. Click here to open. $.Zebra_Dialog('<strong>Zebra_Dialog</strong>, a small, compact and highly configurable dialog box plugin for jQuery'); . The five dialog box types, with titles: error, warning, que…

$(".delete").click(function(){ var work_name = $(this).data('name'); var item_id = $(this).data('id'); layer.confirm('确定删除该申请吗?', {icon: 3, title: '提示'}, function (index) { $.get( "/office/personner-apply/delete", { item_id: item_id, w…

弹窗alert:默认确定按钮+右上角关闭 top.layer.alert("请选择要删除的记录!",{shade: 0.3,offset:'250px'}); 弹窗alert:默认确定按钮(closeBtn:false是让关闭失效隐藏) top.layer.alert("请选择要删除的记录!",{closeBtn:false,shift:2}); 弹窗confirm:两个重新命名按钮(closeBtn:false是让关闭失效隐藏) 弹窗msg:提示信息(1秒后消失并…

jQuery WIN 7透明弹出层效果,点击可以弹出一个透明层的jquery特效,插件可以调弹出框的宽度和高度,很不错的一个弹出层插件. 适用浏览器:IE8.360.FireFox.Chrome.Safari.Opera.傲游.搜狗.世界之窗. 主要代码如下: $('#Firefoxicon').click(function() { $('#Window1').chinaz({ WindowTitle: 'FireFox', WindowPositionTop: 'center', Window…

http://www.thinkphp.cn/topic/21929.html 浏览:11879 发布日期:2014/08/22 分类:求助交流 关键字: thinkphp success跳转 弹出层 thinkphp操作完后提示信息如何实现是弹出的层而不是通过页面跳转? 用Ajax提交到后台,页面不跳转,后台对提交过来的值处理,用ajaxReturn返回数据给客户端,客户端调用对应的弹出层效果并跳转,请问这个思路是否正确? 默认情况下TP的操作完成是一个独立的页面,如果你在这个页面里做弹出层就…

今天用layui的弹出层插件,发现两奇怪的问题: 1.弹窗打开事件还未绑定到任何按钮,可是点击form表单中的按钮可以打开我定义的弹出层 2.绑定弹出层到按钮,打开弹窗闪退 后面发现真如参考博文所说:我的button也是在form表单中,原因: 原来我在form表单中使用了Button按钮,点击的时候会触发默认事件,而form的action我没填,所以就是弹出层闪退!! 解决办法: 方法一:我将button标签换成其他的,如span就不会出现闪退问题了. 方法二:给button指明类型:type…

layer.js是一个方便的弹出层插件,切图网专注于PSD2HTML等前端切图多年,后转向Vue开发.在vue开发过程中引入layer.js的时候遇到了麻烦.原因是layer.js不支持import导入,这时就需要修改一下它的源码.在看过它的源码后,发现需要修改的地方只有两处, 源码中已经暴露了一个全局变量layer,故只需在脚本末尾处添加 export default layer; 这表示将这个全局变量导出. 然后在文件中找到下面的代码注释掉,这段代码是为layer添加样式的,但使用的路径不对…

//弹出层小插件之(一)sweetalert 1.引入sweetalert.css 2.引入sweetalert.min.js 下载地址:http://t4t5.github.io/sweetalert/ 官网有如下多种你需要的展示效果 More examples In these examples, we're using the shorthand function swal to call sweetAlert. A basic message swal("Here's a message…

js插件---弹出层sweetalert2(总结) 一.总结 一句话总结: sweetalert2的效果非常好,效果比较Q萌,移动端适配也比较好,感觉比layer.js效果好点 1.SweetAlert2和SweetAlert的区别? SweetAlert2是SweetAlert-js的升级版本,它解决了SweetAlert-js中不能嵌入HTML标签的问题,并对弹出对话框进行了优化,同时提供对各种表单元素的支持,还增加了5种情景模式的模态对话框. 二.弹出层sweetalert2 官网地址:S…

Dialog.js的相关注释已经添加,可以按照注释,进行相关样式的修改,适用于自定义的各个系统! dialog.js /** * jQuery的Dialog插件. * * @param object content * @param object options 选项. * @return */ function Dialog(content, options) { var defaults = { // 默认值. title:'标题', // 标题文本,若不想显示title请通过CSS设置其d…

下面说说在改善用户体验之wordpress添加图片弹出层效果.效果图如下:   像这篇文章如何在百度搜索结果中显示网站站点logo? 文章内有添加图片,没加插件之前用户点击图片时,是直接_black打开新窗口到 图片地址,非常不友好,很不和谐!添加wordpress添加图片弹出层效果之后如上所示效果.逼格瞬间提高! 打造这个效果的这款插件名称是FancyBox for WordPress  …