Example of Corner Advertisement Window Following Effect Implemented by jQuery

This example demonstrates the jQuery effect of an advertisement window following the lower right corner. Shared for everyone's reference. The details are as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <style type="text/css">
    body{margin:0px;font-size:12px;}
    #message
    {
      width:100px;
      height:100px;
      position:fixed;
      background-color:gold;
      right:0px;
      bottom:0px;
      display:none;
    }
  </style>
  <script src="../js/jquery-1.5.1.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    $(function () {
      //Note that slideDown is expanded, and slideUp is collapsed
      $("#message").slideDown(2000, function () {
        //$(this).slideUp(5000);   //cost5seconds to collapse
        setTimeout("$('#message').slideUp(5000);",2000)   //Use a timer to wait for two seconds and then collapse, note that $(this) cannot be used here, it must be taken with ID
      });
    });
  </script>
</head>
<body>
  <div id="message">
    I am an advertisement, sorry!!
  </div>
</body>
</html>

Readers who are interested in more content related to jQuery can check the special topics on this site: 'Summary of jQuery Extension Techniques', 'Summary of Commonly Used jQuery Plugins and Usage', 'Summary of jQuery Drag and Drop Effects and Techniques', 'Summary of jQuery Table (table) Operation Techniques', 'Summary of Ajax Usage in jQuery', 'Summary of Common jQuery Classic Effects', 'Summary of jQuery Animation and Effect Usage', and 'Summary of jQuery Selector Usage'.

I hope this article will be helpful to everyone in the design of jQuery programs.

Declaration: The content of this article is from the Internet, the copyright belongs to the original author, the content is contributed and uploaded by Internet users spontaneously, this website does not own the copyright, has not been manually edited, and does not assume any relevant legal responsibility. If you find any content suspected of copyright infringement, please send an email to: notice#w3Please send an email to report violations (replace # with @ in the email address) and provide relevant evidence. Once verified, this site will immediately delete the content suspected of infringement.

Basic Tutorial