Many modern sites have original controls. One of these elements is pop-up windows in which you can place various useful information, advertisements, controls, polls, and more. It is quite easy to create such a popup - use the jQuery library.
Instructions
Step 1
Insert tags into your page code that add the jQuery library. These tags look quite standard:
script src = "jQuery.js" / script
script src = "interface.js" / script
Step 2
Add the css code to the stylesheet to style the popup. Specify parameters such as position, height, overflow, background-image, background-position, background-repeat, overflow, cursor and others that you may need for styling. These parameters can also be set in the head tag, if you do not have the principle of allocating a special file for styles in your standard work. You can write code in other ways, using different tags. There are usually many ways to write floating windows.
Step 3
Paste the code for the link to the popup into the body of the page, and describe the script itself for opening the popup. Describe a function to call a window using standard commands show (), TransferTo (), bind () and others. Try to write a small description for yourself next to each function, so as not to get confused in the code, as you can completely disrupt the operation of the entire system.
Step 4
Check the code for errors and open the page in a browser to see the result of your work. For a pop-up window to appear, you need to click on the created link. In the future, you can provide for the automatic appearance of a pop-up window. The popup should also have various characteristics, such as the ability to drag and drop, minimize, stretch, and of course, close. All of these characteristics need to be described in the popup script. Making floating windows is not difficult, the main thing is to know the basics of programming, since you need special knowledge to write the code correctly.
