How to click on the question mark on the HTML page to appear the prompt box

Today, the editor will share with you how to click on the HTML page question mark to appear the relevant knowledge box, the content is detailed, the logic is clear, I believe most people still know too much about this knowledge, so share this article for your reference, I hope you can get something after reading this article, let's take a look at it.

The function of this demo: click the page button to display the prompt message at its edge, click on any part of the page and disappear.

As shown below:

1. Required plug-ins:

Jquery plug-in

Layer plug-in

2.HTML content:

= = Note = =

Class= "j-help-tips" this class is the core and indispensable.

The data-tips attribute is required.

In data-tips attribute: type: "1" need not be modified

In the data-tips attribute: the txt content is the content to be prompted.

one

two

three

four

five

six

seven

eight

nine

ten

eleven

twelve

thirteen

fourteen

fifteen

sixteen

seventeen

eighteen

nineteen

twenty

twenty-one

twenty-two

twenty-three

twenty-four

twenty-five

twenty-six

twenty-seven

twenty-eight

twenty-nine

thirty

thirty-one

thirty-two