How to do messenger pop-up window

This article mainly introduces "how to do messenger pop-up window". In daily operation, I believe many people have doubts about how to do messenger pop-up window. The editor consulted all kinds of materials and sorted out simple and easy-to-use operation methods. I hope it will be helpful to answer the doubts about "how to do messenger pop-up window". Next, please follow the editor to study!

The use of Messenger pop-up window messenger depends on jquery and Backbone.js, and can be perfectly integrated with Bootstrap, but Bootstrap is not required.

How to do Messenger pop-up window

1. First of all, you need to reference the css file, one is the global css file, namely messenger.css, and the other is the theme style file messenger-theme-future.css.

two。 Introduce the js file, like css, one is the global js, namely messenger.min.js, and the other is the theme style js,messenger-theme-future.js

3. After the file is introduced, start to configure the theme of the pop-up window and where it appears on the page

How to choose the theme of Messenger popup window

There are four themes to choose from and six locations to choose from in the pop-up box.

Future corresponds to messenger-theme-future.css

Block corresponds to messenger-theme-block.css

Air corresponds to messenger-theme-air.css

Ice corresponds to messenger-theme-ice.css

At this point, the study on "how to do the messenger pop-up window" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!