web前端–弹窗广告实现
很多网站都有许多很烦人的弹窗广告,下面带来的就是一个烦人的弹窗广告效果。
效果图:
注意右下角,那就是我们的弹窗小广告,有点隐蔽。
下面就是代码实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="//libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="./jquery-1.12.4.js"></script>
<style>
*{
margin: 0;
padding: 0;
}
.ad{
position: fixed;
right: 0;
bottom:0;
display: none;
}
.ad>span{
display: inline-block;
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: 0px;