由于最近支付宝悬赏领红包活动比较多邀请别人扫码自己也有奖励于是就想到了给自己网站上添加一个这种弹窗广告用户可以自己领取红包

效果图

代码也很简单下面附上代码

首先引入jquery

<script src=”https://pay.codewo.cn/static/index/user/assets/vendor/libs/jquery/jquery.js”></script>

<script>
<script src=”https://pay.codewo.cn/static/index/user/assets/vendor/libs/jquery/jquery.js”></script>

<script>
//当窗口大于500才展示，防止窗口太小部分内容被遮住，过滤了大部分移动端设备都不会显示
        if($(window).width()>500){
            alertGG()
        }
        function alertGG(){
            let alertHb_css={
            width:”120px”,
            height:”180px”,
            position: “fixed”,
            bottom: “2px”,
            right: “2px”,
            };
            let close_css={
                position: “absolute”,
                right: “5px”,
                top: “2px”,
                color: “aliceblue”,
                fontSize: “12px”,
                cursor: “pointer”,
            }
            $(“body”).append(`<div id=’alertHb’>
                 //src=”红包码链接”
                <img src=’https://hz.xbwlkj.top/hb.jpg’ width=’100%’ height=’100%’>
                <span id=’close’>关闭</span>
                </div>`)
            $(“#alertHb”).css(alertHb_css)
            $(“#close”).css(close_css)
            $(“#close”).click(function(){
                $(“#alertHb”).remove()
            })
        }
    </script>

学习更多知识就来 精品教程 - 吾爱资源网