<button> Click on </button>
<div class="order" id="order">
customized
</div>
<script type="text/javascript">
$(function(){
$("button").on("click", function(){
layer.open({
type: 1, // Basic layer type
title:false, // Don't show titles
shadeClose: true, // Turn on the mask, turn off
content: $('#order') // here content It's a DOM
});
});
});
</script>

With a custom version of , The use of layer.js It can change with the design draft

More details layer.js Official website http://layer.layui.com/

layer.js More articles on customizing pop ups

  1. layer.js Pop up components API file

      Basic parameters type title content skin area offset icon btn closeBtn shade shadeClose time id shift maxmin f ...

  2. Mobile pop-up window layer.js Use

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. layer.js,,, Share a useful pop-up layer

    Basic attributes : <!DOCTYPE html> <html> <head> <head> <meta content="text/html; ...

  4. layer.js Registration login switch problem

    layer.js It's a good pop-up frame , It's very convenient to use , But there's a problem today , It gives me a headache , I can't do it all the time , It's just a matter of switching between login and registration pop ups There are two pages involved :guide.html The parent page ,den ...

  5. layer.js The problem of incomplete display of shot frame

    In the use of layer.js When you make a frame , Encountered in the browser shrink , The problem of incomplete display of bullet frame , as follows : That's not gonna work , Because sometimes we want to narrow the browser window , But once it shrinks to a certain extent , It will cover part of the pop-up window's close button , And the main bullet ...

  6. layer.js Learning notes

    Learn about a very useful spring box plug-in , Name is layer.js I have to rewrite it in the webpage a few days ago alert function , I wrote a modal box , Although the effect came out , But when you click Close , Unable to return to current page . When you ask the great God , There's one called layer.js East of ...

  7. layer.js in layer.tips

    <script src="~/Content/js/layer/layer.js"></script> layer.tips(' Name cannot be empty ', '#pro ...

  8. layer.js:2 Uncaught TypeError: Cannot read property &#39;extend&#39; of undefined

    In reference to layer.js Plug in front-end programming , If you report this mistake , The solution is just : hold layer Put the reference in the conflicting js Just in front of the library

  9. About echarts、layer.js and jqGrid Knowledge points of

    Use echarts and layer.js Go straight to the official documents , Can solve most problems . But there are some problems , The explanation is not clear enough , Record it here . 1.echarts Use The first point : About echarts Of labelline When the data is zero ...

Random recommendation

  1. Spring4 Learning notes

    [9]SpEL grammar [10]Bean Life cycle of :( Five steps )

  2. 【leetcode】Word Search II(hard)*

    Given a 2D board and a list of words from the dictionary, find all words in the board. Each word mus ...

  3. 7.1 Backup and Recovery Types Backup and recovery types

    7.1 Backup and Recovery Types Backup and recovery types This chapter describes Characteristics of different backup types : Physics (raw) And logical backup Physical backup has raw Copies are made up of , Store database content , This type of backup is suitable for ...

  4. Python Built in functions (11)——classmethod

    English document : classmethod(function) Return a class method for function. A class method receives the class as ...

  5. 【Tomcat】tomcat Configuration file details

    Tomcat Server Structure diagram Structural framework , as follows Attribute table Element name attribute explain server( It represents the entire container , yes Tomcat Top level element of instance . from org.apache.catalina.Server Interface ...

  6. C#: Invalid inter thread operation : Never create controls “dataGridView” Thread access it

    Recently, I've been modifying the automation tools , Use multithreading to solve the problem of background copy WinForm The interface is stuck , But when it comes to fault : Invalid inter thread operation : Never create controls “dataGridView” Thread access it . This is because in multithreaded programs , New creation ...

  7. Java Multithread programming core technology , The third chapter

    1,notify The synchronization block is over , Will run wait Synchronous block of 2,interrupt() It's not a static method , Use in wait There will be InteruptException, The lock will also be released 3,notify() Wake up thread ...

  8. PEM DAC note

    Development of guidelines V1.0 Library function version ,PWM DAC experiment 350 page STM32 The fastest counting frequency of the timer is 72Mhz,8 For resolution ,PWM The frequency is 72M/256=281.25Khz. If it is 1 rank RC wave filtering , Must ...

  9. PAT1054. The Dominant Color (20)

    #include <iostream> #include <map> using namespace std; int n,m; map<int,int> imgM ...

  10. ansible To configure mysql Master slave copy

    Configure the host 1. Download the installation package for installation [root@server1 ansible]# lsansible-2.7.8-1.el7.noarch.rpmansible-tower-setup-bundle-3 ...