layer插件学习——提示层

本文是自己整理的关于layer插件的提示层的结果

一、准备工作

  下载jQuery插件和layer插件,并引入插件(注意:jQuery插件必须在layer插件之前引用)

  百度云资源链接:

  jQuery插件:链接:https://pan.baidu.com/s/1P8wGff6UfVn5JaplH4uysw 密码:rms3

  layer插件:链接:https://pan.baidu.com/s/1EuTF0DBY_azdQhcRCl0yBA 密码:xvjh

二、提示层测试

  (1)官方案例:

  默认关闭时间是3秒,效果如上(背景是官网的广告,实际效果是黑色半透明),代码如下:

$(function(){
	layer.msg(‘玩命提示中‘);
})

  (2)自定义样式以及时间,效果如下:

  代码如下:

$(function(){
    layer.msg(‘操作成功!‘,
        {
	    icon: 6,  //icon样式
	    time: 2000  //关闭时间为2s
	}
    );
})

  

原文地址:https://www.cnblogs.com/javahr/p/9314417.html

时间: 2024-08-17 22:29:13

layer插件学习——提示层的相关文章

layer/layui弹出层插件bug

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

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插件

layer是一款近年来备受青睐的web弹层组件,这得益于她全方位的解决方案,并致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验.她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升.易用和实用性,layer兼容了包括IE6在内的所有主流浏览器. 她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,皆广受欢迎. 页面不够友好和页面样式不够统一可以使用(layer插件) 获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分结构

layer插件open方法回掉值问题

最近做项目需用到一个弹出层加载iframe页面的东西,首先想到layer插件,此插件用到过多次,兼容性很好,功能也强大,废话不多说上代码. 其实功能很简单,就是在目标页面选择一个值,回掉回来,说明一下主要的代码. $("#ChoiceBank").click(function () { var width = $("#content").css("Width"); layer.open({ type: 2, title: '开户银行选择', ar

jquery实现弹出即消失的提示层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <sc

基于jQuery的input输入框下拉提示层(自动邮箱后缀名)

基于jQuery的input输入框下拉提示层,方便用户输入邮箱时的提示信息,需要的朋友可以参考下 效果图 // JavaScript Document (function($){ $.fn.extend({ "changeTips":function(value){ value = $.extend({ divTip:"" },value) var $this = $(this); var indexLi = 0; //点击document隐藏下拉层 $(docum

jQuery插件学习笔记

最近在研究jQuery插件,插件编写的目的是给已经有的一系列方法或函数做一个封装,以便在其他地方重复使用,方便后期维护. JQuery除了提供一个简单.有效的方式进行管理元素以及脚本,它还还提供了例外一种机制:即给核心模块增加自己的方法和额外的功能.通过这种机制,Jquery允许我们自己创建属于我们自己的插件,提高我们在开发过程中的效率. 虽然在jQuery命名空间中,我们禁止使用了大量的javaScript函数名和变量名.但是仍然不可避免某些函数或变量名将于其他jQuery插件冲突,因此我们习

重新定位所有消息提示层

// 重新定位所有消息提示层(当使用dipslay显示隐藏某些HTML层时,由于消息是绝对定位的,所以会出现消息层错位现象) //在最后调用此方法重新定位即可 function resetPos(){  var objs = document.getElementsByTagName('*');  var len = objs.length;  for(var i=0;i<len;i++){   var obj = objs[i];   var div = obj.Eos_Message;   

JavaScript动画打开半透明提示层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-