jQuery-Nutzung: dynamisches Hinzufügen kleiner Anzeigen-js-Tutorial-php.cn

jQuery-Nutzung: dynamisches Hinzufügen kleiner Anzeigen

巴扎黑

Freigeben： 2017-07-23 15:07:08

Original

1289 Leute haben es durchsucht

Beim Durchsuchen von Websites platzieren einige Websites immer Werbung in der unteren rechten Ecke, der oberen linken Ecke oder an anderen Stellen.

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

 1 <!DOCTYPE html> 2 <html xmlns=""> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5     <title></title> 6     <script src="jquery-1.8.3.js"></script> 7     <script type="text/javascript"> 8         $(function () { 9             $('#btn').click(function () {10                 //创建层11                 var divObj = $('<div style="width:200px;height:200px;position:absolute;right:0;bottom:0;background-color:orange"></div>').appendTo($('body'));12                 //创建右上角关闭按钮13                 $('<sapn style="float:right;cursor:pointer; border:3px solid gray">X</span>').click(function () {14                     $(this).parent().remove();15                 }).appendTo($(divObj));16                 //添加广告内容17 18             });19         });20     </script>21 </head>22 <body>23     <input type="button" name="name" value="显示效果" id="btn"/>24 </body>25 </html>

Nach dem Login kopieren

wie folgt

Zu diesem Effekt habe ich folgende Gedanken:

1. Sie können einen Timer hinzufügen, Countdown '5S „Schließen“ und „4S schließen“ teilen den Benutzern mit, dass diese Werbung nur vorübergehend platziert wird und nach 5 Sekunden automatisch geschlossen wird. Dies kann das Benutzererlebnis verbessern. Wir alle wissen, dass Werbung beim Surfen auf manchen Websites immer Platz einnimmt und wandert Vor Ihren Augen ist das Benutzererlebnis definitiv nicht gut. Dies kann zu einem guten Gleichgewicht zwischen Werbetreibenden und Benutzererlebnis führen Persönliche Erfahrung: Wenn der Werbehintergrund warm ist, bin ich eher bereit, ihn eine Weile stehen zu lassen, als die Werbung mit einer kalten Hintergrundfarbe. Dies ist nur ein kleiner Code, nachdem der Meister den Inhalt vervollständigt hat, und er wird auf jeden Fall bequemer verwendet.

Das obige ist der detaillierte Inhalt vonjQuery-Nutzung: dynamisches Hinzufügen kleiner Anzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!