jquery弹框插件layer

layer（jQuery弹出层插件）

弹窗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 弹框插件

html部分 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <script src="jquery/jquery-1.8.2.min.js"></script> <script src="jquery/yuanBox.min.js"></script>

弹出框插件layer使用

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 插件官方地址:http://layer.layui.com/ layer 甚至兼容了包括IE6在内的所有主流浏览器. 少说多做,代码演示(拷贝直接运行): <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /&

自己写的基于bootstrap风格的弹框插件

自己写的一款基于bootstrap风格的弹框插件,暂时只有确认框.提示框.后续功能扩展.bug修改再更新. ;(function($){ //默认参数 var PARAMS; var DEFAULTPARAMS = { width: 500, title: '提示消息', content: '', okbtn: '确定', cancelbtn: '取消', headerBackground: 'info', vbackdrop: 'static', //默认点击遮罩不会关闭modal vkeyb

vue项目中使用vue-layer弹框插件

vue-layer弹框插件安装 npm i --save vue-layer 引用 import layer from 'vue-layer' Vue.prototype.$layer = layer(Vue); 参数说明 { type: , //0(信息框,默认)1(页面层)2(iframe层)3(加载层)4(tips层) title: '信息', content: '', area: 'auto', offset: 'auto', icon: -, btn: '确定', time: ,

jQuery弹出层layer插件的使用

引入插件layer 触发弹出层的按钮/链接 <a href="javascript:showPop();"> <img src="" /> </a> 弹出层内容 <div style="display: none"> <div id="attention" style="text-align:left;max-height:5rem;overflow-y:scro

提示框插件layer的使用讲解

官方网站:http://layer.layui.com/ 在页面中引入: <script src="js/layer-v3.0.3/layer/layer.js"></script> 注意:在引用插件时,先引用jquery <script src="js/jquery-3.2.0.min.js"></script> Js中简单弹框 layer.msg(e.msg); 其他使用方法在官方文档中有详解

[原]发布一个jQuery提示框插件，Github开源附主站，jquery.tooltips.js

一个简单精致的jQuery带箭头提示框插件插件写好快一年了,和一个弹出框插件(点击查看) 一起写的,一直没有整理出来,昨天得功夫整理并放到了github上,源码和网站均可在线看或下载. CSS中的三大要素,位置.大小.可见性,在这个插件中均有体现,直接看代码吧. 示例地址 http://tianshaojie.github.io/tooltips/example.html 1.0.0 位置:提示框可显示在目标元素的上下左右对齐:提示框与目标元素的对齐方式,自动调节箭头显示位置,指向目标元

弹框插件self(动效兼容到IE9，功能兼容IE6)

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>弹框demo</title> <link rel="stylesheet" href="css/layer-animate.css"/> <style> *{ margin:0; padding

jquery Dialog弹框插件

function Dialog(options) { var defaults = { // 默认值. title: '', // 标题文本,若不想显示title请通过CSS设置其display为none type: 'text', // id,img,iframe,url,text content: '', // 要显示的内容 showTitle: true, // 是否显示标题栏. closeText: '关闭', // 关闭按钮文字,若不想显示关闭按钮请通过CSS设置其display为no

layer弹框插件使用

需要在jquery之后导入 <link rel="stylesheet" href="${pageContext.request.contextPath }/js/layer/skin/layer.css"> <script src="${pageContext.request.contextPath }/js/layer/layer.js"></script> 简单提示: layer.msg('',{time

jquery Dialog弹框插件使用

var dialog = new Dialog({ title: '购物车', type: 'url', width: 520, content: "Uplolo.aspx", showTitle: true, modal: true, onLoad: function () { var self = this; var div = this.getDialogObj(); $(div).delegate(".close", "click", f

SweetAlert插件弹框插件

sweetalert是一个漂亮的弹窗中文网址: http://mishengqiang.com/sweetalert/ 它需要2个文件:sweetalert-dev.js和sweetalert.css 下载插件怎么下载呢?直接从上面的网站扣下来,就可以了修改index.html,引入2个资源 <script src="http://mishengqiang.com/sweetalert/js/sweetalert-dev.js"></script> <

SweetAler弹框插件与分页器插件

目录 SweetAlert插件自定义分页器使用Django向数据库批量插入数据自定义分页器的思路自定义分页器组件 SweetAlert插件 sweetalert是一款基于Bootstrap的专门用来设计弹窗的插件,具体弹窗样式及相关的代码可以参考此链接插件下载地址打开下载好的插件之后我们需要将dist文件夹导入到我们项目的静态文件中在html文件中导入插件 {% load static %} <script src="{% static 'jquery/jquery.min.j

[英] 推荐 15 个 jQuery 选择框插件

jQuery Selectbox Plugins let you create beautiful and eye catching select box for your websites instead of the orthodox html select box which looks old and boring. This gallery includes 15 jQuery SelectBox Plugins which can be used to enhance any web

jquery 弹框，确定、取消

function del(id, url) { var bool = confirm("确定删除?") if (bool) { //点击确定后操作 var Urls = "/sys/" + url + "/Delete" $.ajax({ type: 'post', url: Urls, data: { "ids": id }, success: function (msg) { if (msg) { alert("

利用layer实现MVC页面数据互交提示弹框

需求说明: 一个表单页面,点击提交之后,进入后台进行一系列数据交互,然后将交互信息返回至页面中,并以弹框形式展示应用场景: 添加.修改.删除数据后,返回数据操作是否成功,以及一些其他信息前期准备: 一个MVC项目 jquery-3.2.1.js,下载地址:右键另存为 layui-v2.1.5.zip,官网:http://www.layui.com/,使用方法请查看文档,非常详实实现过程: 首先,来一段最原始简单的HTML和后台代码,请忽略CSS <html> <head> &

非常强大的jQuery万能浮动框插件

支持hover, click, focus以及无事件触发:支持多达12种位置的定位,出界自动调整:支持页面元素加载,Ajax加载,下拉列表,提示层效果,tip类效果等:可自定义装载容器:内置UI不错的装载容器:支持鼠标跟随等. 一.写插件的缘由为什么想写此插件,想来想去,归结为一个字:“懒”.不想为明明两个类似的功能分别写代码,本应喝茶看美女的休闲时光晃荡在本可避免的代码上,对于我来讲,就是白白耗费自己的青春.于是,干脆,一鼓作气,把这些类似的功能集合到一起,一个插件搞定,一了百了了.

layer.msg如何让按钮的回调执行完毕后弹框不自动关闭

问题出现:我点击“确定”时会验证“新手机号码”,如果验证不通过则不给该弹框关掉,但是实际操作时,不管验证怎么样,点击“确定”之后该弹框都会关掉. 之前的写法: layer.open({ type: 1, shade: false, area: ['400px', '300px'], title: '修改 - 手机号码', //不显示标题 content: $('.edit_phone1'), //捕获的元素

M站滚动日历弹框

先放张效果图: 完整Demo: <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initia

pc端弹框

pc弹框插件:http://aui.github.io/artDialog/doc/index.html#quickref-bubble PC端,手机端,layui很好用,分页啥的:http://www.layui.com/demo/ 手机弹框插件: 小弹框: <div id="message" class=""><p id="msgTxt"></p></div> function message(

jquery弹框插件layer

热门专题