`

layer信息框右上角加关闭标志

 
阅读更多

本例子基于layer Mobile 2.0。

 

预览:

 

 

css:

    .close{
        background:#333;
        font-size: 12px;
        position:absolute;
        right:-8px;
        top:-8px;
        border-radius:50%;
        width:20px;
        height:20px;
        line-height:20px;
        border: solid 1px #FFF;
        text-align: center;
        color: #FFF;
        z-index: 1000;
    }

 

layer信息框调用。1,内容多的话会有滚动条。2,内容左对齐

        $("#shengming").click(function(){
            layer.open({
			style: 'color:#333;text-align:left;font-size:11px;position:relative;',
			content: 'mmmmmmmmmmmmmmmmmm',
                	success: function(elem){
                    	$(".layui-m-layercont").css({"text-align":"left", "padding-top":"20px", "overflow":"auto", "height":"150px"});
                    	$('.layui-m-layerchild').append('<div class="close">X</div>');
                	}
		});
        });

 

  • 大小: 20.2 KB
分享到:
评论

相关推荐

    Jquery右下角弹出框提示,多个提示向上叠加

    对于“Jquery右下角弹出框提示,多个提示向上叠加”这一主题,我们可以深入探讨如何利用 jQuery 创建位于页面右下角的弹出提示框,并实现当有多个提示时,它们会向上叠加显示。 首先,我们需要创建一个基本的 HTML ...

    jquery右下角提示框插件

    jquery右下角提示框插件,很好用,有类似需求的同志可以下载下来看一下

    ModalLayer模态框插件js弹出框

    在网页设计和开发中,模态框(Modal Layer)是一种常用的设计元素,它用于在当前页面上弹出一个半透明的覆盖层,显示额外的信息或者进行交互操作,而不会中断用户与主页面的联系。ModalLayer是一款强大的JavaScript...

    layer关闭当前窗口页面以及确认取消按钮的方法

    除了关闭窗口和添加确认取消按钮的功能外,layer还支持很多其他的功能,比如加载状态的显示、不同类型的弹出框(信息框、确认框、表单框等)、自定义弹出层的大小和位置等。 使用layer插件可以大幅简化开发工作,并...

    layer框架的基础应用

    5. **API使用**:`layer`提供了丰富的API,如`layer.open()`用于打开弹层,`layer.close()`用于关闭弹层,以及`layer.msg()`用于显示信息提示等。开发者可以根据需求选择合适的API,通过配置参数来定制弹层的样式、...

    layer 弹出框

    同时,layer还提供了一套完整的关闭机制,包括`times`(自动关闭计时器)、`end`(关闭后的回调函数)等,确保弹出框的生命周期得到妥善管理。 在性能方面,layer进行了优化,保证了在大量弹框应用场景下的流畅性。...

    layer页面提示框

    layer页面提示框

    前端UI框架-layer-v3.1.1下载

    Layer的核心是通过JavaScript在网页上动态创建各种类型的弹层,如提示框、对话框、加载层、iframe层、图片预览层等,满足了不同场景下的用户交互需求。这些弹层可以悬浮于页面内容之上,方便用户进行操作或接收信息...

    后台框架 Layer 办公OA都可以适用

    【标题】:“后台框架 Layer 办公OA都可以适用”指的是一个使用Layer库构建的后台管理框架,它适用于各种办公自动化(OA)系统和其他网站后台的需求。这个框架以其灵活性和广泛的应用场景为特点,旨在提供一个高效、...

    layer弹窗多按钮点击关闭问题解决

    总结来说,解决layer弹窗多按钮点击关闭问题主要依赖于理解layer的API使用,以及在回调函数中添加适当的逻辑判断。合理设计按钮的回调函数,能确保弹窗按照预期的行为关闭或保持打开状态。在实际开发中,应结合具体...

    web页在微信中访问增加遮罩层 右上角弹出在浏览器中打开

    在微信中访问Web页面时,有时开发者为了提供更好的用户体验或者强制用户在浏览器环境中打开网页,会选择添加一个遮罩层,并在右上角显示“在浏览器中打开”的提示按钮。这样的设计能够确保用户能够充分利用Web页面的...

    layer前端js框架

    - **易用性**:Layer 的API简洁明了,使得开发者能够快速地创建各种类型的弹窗,如消息提示框、对话框、加载提示等。 - **丰富的样式**:Layer 内置多种预设样式,适应不同场景需求,同时支持自定义CSS,满足个性化...

    jQuery代码实现对话框右上角菜单带关闭×

    jQuery对话框右上角带关闭× - 何问起&lt;/title&gt;&lt;base target=_blank /&gt; &lt;!-- Attach our CSS --&gt; &lt;link rel=stylesheet href=http://hovertree.com/texiao/layer/1/reveal.css&gt; &lt;!-- ...

    layer.alert自定义关闭回调事件的方法

    在JavaScript的前端开发中,经常会使用到弹窗插件来增强用户体验...这使得layer.alert在处理交互和流程控制上具有很高的灵活性,极大地提高了前端开发效率。因此,掌握这一技巧对于使用layer的开发者来说是十分重要的。

    layer mobile手机端弹出框,询问框

    在手机端,layer mobile的弹出框(popup)通常用于显示临时信息或进行简单的操作。例如,当用户需要查看详细信息或进行选择时,弹出框可以优雅地呈现内容,而不会干扰到主界面。实现这一功能,开发者只需要调用相应...

    layer弹出层全屏及关闭方法

    layer是一款轻量级的页面弹出层插件,它提供了非常方便的方式来实现弹出层的全屏展示以及关闭操作。以下是layer弹出层全屏及关闭方法的关键知识点。 1. 引用layer插件JS文件: 要使用layer弹出层,首先需要在页面中...

    ModalLayer模态框插件js弹出框.zip

    ModalLayer模态框插件是前端开发中常见的一种交互元素,用于在用户界面中弹出一个半透明的窗口,展示重要的信息或者进行交互操作。它通常包含一个背景遮罩层和一个显示内容的框体,使得用户必须处理完当前模态框中的...

    javascript经典特效---jQuery漂亮网页右上角双层撕角广告代码.rar

    本知识点将深入探讨如何使用JavaScript库jQuery来创建一种独特的视觉效果——右上角双层撕角广告代码。这种效果使得广告看起来像是从页面的角部分离出来,增加了互动性和视觉吸引力。 首先,jQuery是一个轻量级的...

    jquery浮动层制作右下角float浮动提示框向上滑动提示

    在网页设计中,浮动层(Float Layer)是一种常见的交互元素,用于向用户显示临时通知、提示信息或广告。本教程将详细介绍如何使用jQuery库来创建一个位于页面右下角的浮动提示框,并实现向上滑动的动画效果,类似于...

    jquery easyui+layer后台框架

    **jQuery EasyUI + Layer 后台框架...综上所述,jQuery EasyUI 和 Layer 的结合使用,为后台框架的构建提供了强大而灵活的工具。开发者可以借此快速开发出界面美观、兼容性强、交互友好的后台管理系统,提高工作效率。

Global site tag (gtag.js) - Google Analytics