浏览网站时，有些网站总是在右下角、左上角或其他地方放广告。

我试着用jQuery自己做了一个。代码如下。如果有什么问题，请随时给我建议

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=utf-8 '/title/title script src=' http : jquery-1 . 8 . 3 . js '/script type=' text/JavaScript ' $(function(){ $(' # BTN ')。单击(function(){//创建层vardivobj=。高度：200 px；位置：绝对；right:0底部：0；背景-颜色：橙色'/div ')。appendTo($(“body”))；//创建关闭按钮$(' sapn style=' float : right；cursor:pointer指针；border:3px实心灰色“X/span”)。单击(function () { $(this))。父项()。移除()；}).appendTo($(div obj))；//添加广告内容})；});/script/head body输入类型=' button ' name=' name ' value=' display effect ' id=' BTN '/body/html效果图如下：

关于这个效果，我有以下几点想法：

1.可以增加计时器倒计时“5秒关闭”“4秒关闭”，告诉用户这个广告只是暂时投放，5秒后自动关闭，可以提升用户体验。我们都知道，在浏览一些网站的时候，广告总是占据着你眼前的位置，用户体验肯定不是很好，可以很好的平衡广告主和用户的体验；

2.背景色之所以是橙色，是因为橙色是温暖和个人体验。如果广告背景是暖色的，他更愿意让他多呆一段时间，这比背景色相对要酷一些；

3.当然，这只是一个小代码。大神看完内容后可以打包，使用起来肯定会更方便。

上面这篇用jQuery动态添加小广告的文章，是边肖和大家分享的全部内容。希望能给大家一个参考，多支持我们。