suchen

Heim >Web-Frontend >js-Tutorial >Detaillierte Erläuterung der Verwendung von jQuery zum dynamischen Hinzufügen kleiner Anzeigen

Detaillierte Erläuterung der Verwendung von jQuery zum dynamischen Hinzufügen kleiner Anzeigen

小云云
小云云Original
2018-01-01 10:56:152378Durchsuche

Beim Surfen auf Websites platzieren einige Websites immer Werbung in der unteren rechten Ecke, der oberen linken Ecke oder an anderen Stellen. Dieser Artikel enthält hauptsächlich einen Artikel, in dem jQuery zum dynamischen Hinzufügen kleiner Anzeigen verwendet wird. Der Herausgeber findet es ziemlich gut, deshalb teile ich es jetzt mit Ihnen und gebe es als Referenz. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

Ich habe versucht, selbst einen mit jQuery zu erstellen. Wenn etwas nicht stimmt, lassen Sie es mich bitte wissen: 

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  <title></title>
  <script src="jquery-1.8.3.js"></script>
  <script type="text/javascript">
    $(function () {
      $('#btn').click(function () {
        //创建层
        var pObj = $('<p style="width:200px;height:200px;position:absolute;right:0;bottom:0;background-color:orange"></p>').appendTo($('body'));
        //创建右上角关闭按钮
        $('<sapn style="float:right;cursor:pointer; border:3px solid gray">X</span>').click(function () {
          $(this).parent().remove();
        }).appendTo($(pObj));
        //添加广告内容

      });
    });
  </script>
</head>
<body>
  <input type="button" name="name" value="显示效果" id="btn"/>
</body>
</html>

Zu diesem Effekt habe ich folgende Gedanken:

1 Sie können einen Timer hinzufügen, der „5S bis zum Schließen“ und „4S bis zum Schließen“ herunterzählt Informieren Sie die Benutzer über diese Werbung. Sie wird nur vorübergehend gestartet und nach 5 Sekunden automatisch geschlossen. Dies kann das Benutzererlebnis verbessern. Wir alle wissen, dass Werbung beim Surfen auf einigen Websites immer Platz einnimmt Dies kann definitiv nicht sehr gut sein. Es besteht ein Gleichgewicht zwischen Werbetreibenden und Benutzererfahrung. Der Grund, warum Orange eine warme Farbe ist Der Werbehintergrund ist eine warme Farbe, ich bin eher bereit, ihn eine Weile stehen zu lassen, als bei Anzeigen mit einer kalten Hintergrundfarbe Der Meister vervollständigt den Inhalt, er kann ihn kapseln und er wird auf jeden Fall bequemer zu verwenden sein.

Verwandte Empfehlungen:

JQuery-Implementierung des Beispiels für den Scrolling-Effekt von Werbebannern


Verwenden Sie jQuery, um ein Timing-Popup zu erreichen Werbewirkung auf der Seite Funktionale Umsetzung

Javascript-Tutorial zur Realisierung der Wirkung von kreisförmigen Werbebannern

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von jQuery zum dynamischen Hinzufügen kleiner Anzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript jquery 封装 循环
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Ausführliche Erläuterung der Funktionen zum Hinzufügen, Ersetzen, Löschen und Kopieren von Knoten mithilfe von jQueryNächster Artikel：Ausführliche Erläuterung der Funktionen zum Hinzufügen, Ersetzen, Löschen und Kopieren von Knoten mithilfe von jQuery

In Verbindung stehende Artikel

Mehr sehen