Beispiel zur Erstellung eines Follow-Effectes für ein Werbefenster in der rechten Ecke mit jQuery

Diese Beispielanwendung beschreibt die Umsetzung eines rechten unteren Werbefensters, das der Maus folgt, mit jQuery. Hier ist eine Zusammenfassung, die allen zur Verfügung gestellt wird. Näheres folgt:

<!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 () {
      //Beachten Sie, dass slideDown geöffnet und slideUp geschlossen ist
      $("#message").slideDown(2000, function () {
        //$(this).slideUp(5000);   //Blumen5Sekunden einrollen
        setTimeout("$('#message').slideUp(5000);",2000)   //Warten Sie zwei Sekunden mit dem Timer, beachten Sie, dass $(this) hier nicht verwendet werden kann, sondern die ID verwendet werden muss
      });
    });
  </script>
</head>
<body>
  <div id="message">
    Ich bin ein Werbeanzeige, Entschuldigung!!
  </div>
</body>
</html>

Interessierte Leser, die mehr über jQuery erfahren möchten, können die Themen auf dieser Website lesen: 'Zusammenfassung der jQuery-Erweiterungstechniken', 'Zusammenfassung der häufig verwendeten jQuery-Plugins und deren Verwendung', 'Zusammenfassung der jQuery-Zieheffekte und -Techniken', 'Zusammenfassung der jQuery-Table-Operationstechniken', 'Zusammenfassung der jQuery-Ajax-Verwendung', 'Zusammenfassung der häufigen jQuery-Klassikeffekte', 'Zusammenfassung der jQuery-Animation und -Effekte' und 'Zusammenfassung der jQuery-Selektorfunktionen'.

Es hofft, dass die in diesem Artikel beschriebenen Inhalte allen bei der jQuery-Programmierung helfen.

Erklärung: Der Inhalt dieses Artikels stammt aus dem Internet und ist dem Urheberrecht des jeweiligen Eigentümers unterliegt. Der Inhalt wird von Internetnutzern freiwillig und selbstständig eingereicht. Diese Website besitzt keine Eigentumsrechte und hat den Inhalt nicht manuell bearbeitet. Sie übernimmt auch keine rechtlichen Haftung. Wenn Sie verdächtige urheberrechtliche Inhalte entdecken, freuen wir uns über eine E-Mail an: notice#oldtoolbag.com (Bitte ersetzen Sie # durch @ beim Senden einer E-Mail zur Meldung von Verstößen und stellen Sie relevante Beweise zur Verfügung. Sobald überprüft, wird die Website den涉嫌侵权的内容立即删除。)

Grund教程

Empfohlene Artikel