How to Avoid Blanking the Text on Exit in jQuery

The jQuery language includes a pop-up function that opens a window within the current browser window for the user. You use these windows to display data to the user without refreshing the screen. You can avoid "blanking" out the text by setting the opacity of the window. A lower opacity setting makes the text visible behind the pop-up window.

Instructions

1. Right-click the HTML file with the jQuery code you want to edit. Click "Open With" and select your preferred editor.

2. Create the "load" function for the popup. The following code sets up the "load" procedure for the jQuery window:

   if(popupStatus==0){
   $("#popup").fadeIn("slow");
   });

3. Set the opacity for the window to make the text visible when the user sees the popup. The following code sets the opacity:

   $("#popup").css({
   "opacity": "0.2"

4. Save the changes and open the file in your Web browser. Open the pop-up and review the text behind the window.

References

• Yens Design: How to Create a Stunning and Smooth Popup Using jQuery