仿点击关闭广告

Love The Way You Lie 2022-11-21 11:49 147阅读 0赞

##### 仿淘宝关闭广告小窗 #####

CSS样式:

<style>
            * { 
                padding: 0;
                margin: 0;
            }
            .pic { 
                margin-left: 100px;
                margin-top: 100px;
                text-align: center;
                float: left;
            }
            .cancel { 
                background-color: gainsboro;
                text-align: center;
                font-size: 40px;
                line-height:20px;
                margin-top: 100px;
                cursor: pointer;
                float: left;
            }
        </style>

html+js部分:

<body>
        <div>
            <p class="pic">
                <img src="images/ip12.png" height="200" width="200" alt="">
            </p>
            <div class="cancel" >×</div>
        </div>
        <script>
            var img = document.querySelector('.pic');
            var btn = document.querySelector('.cancel');
            btn.onclick = function () { 
                img.style.display = 'none';
                btn.style.display = 'none';
            }
        </script>
    </body>

效果图:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA1NDU0Mw_size_16_color_FFFFFF_t_70_pic_center]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjA1NDU0Mw_size_16_color_FFFFFF_t_70_pic_center]: /images/20221120/b5ce2566b0bd4341ae48c23686e0ca39.png

发表评论取消回复

表情：

评论列表（有 0 条评论，147人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android仿抖音点击效果

1.概述短视频抖音App非常火，视频点击效果红心效果也不错。其实不难就是一些动画效果的结合使用，这里将具体一步一步实现。使用简单。老规矩，先看女神效果图：

骑猪看日落/ 2023年10月18日 22:31/ 0 赞/ 122 阅读

相关 Android点击View显示PopupWindow，再次重复点击View关闭PopupWindow

Android点击View显示PopupWindow，再次重复点击View关闭PopupWindow 这本身是一个看似很简单的问题，但是如果设置不当，就可能导致莫名其

r囧r小猫/ 2023年10月17日 08:49/ 0 赞/ 140 阅读

相关点击空白区域关闭弹窗

private GraphicRaycaster RaycastInCanvas; private EventSystem eventSystem;

绝地灬酷狼/ 2022年12月30日 14:56/ 0 赞/ 239 阅读

相关仿点击关闭广告

仿淘宝关闭广告小窗 CSS样式: <style> { padding: 0;

Love The Way You Lie/ 2022年11月21日 11:49/ 0 赞/ 148 阅读

相关广告点击预测

[用机器学习对CTR预估建模（一）][CTR] [广告点击率预估中的特征选择][Link 1] [机器学习数据预处理之独热编码（

爱被打了一巴掌/ 2022年09月24日 11:24/ 0 赞/ 144 阅读

相关广告点击率预估是怎么回事？

[原文地址][Link 1] 点击率预估是广告技术的核心算法之一，它是很多广告算法工程师喜爱的战场。一直想介绍一下点击率预估，但是涉及公式和模型理论太多，怕说不清楚，读者也不

末蓝、/ 2022年06月15日 11:54/ 0 赞/ 221 阅读

相关广告点击率预估中的特征选择

一．互联网广告特征project 博文《[互联网广告综述之点击率系统][Link 1]》论述了互联网广告的点击率系统，能够看到，当中的logistic regressi

桃扇骨/ 2022年06月15日 08:09/ 0 赞/ 170 阅读

相关广告点击率预测 [离线部分]

广告点击率预测屈伟 / Koala++ 先声明一下，本文所提到的所有的点击率预测的技术不是我在的团队使用的，因为我们团队使用的技术是保密的，所以我也不知

痛定思痛。/ 2022年06月15日 08:09/ 0 赞/ 220 阅读

相关网站广告模拟点击

/ 此系统是模拟点击用户投放的广告,让用户所投放的网站广告提高点击率,难点是点击用户的广告需要加载比如站长工具之类的js统计代码,而且每个点击的ip不能相同,也

本是古典何须时尚/ 2022年05月16日 01:22/ 0 赞/ 373 阅读

相关 MUI点击图片放大，再次点击关闭

css部分可自己创建.css文件，然后引入到html页面中使用。 .mui-preview-image.mui-fullscreen { position

秒速五厘米/ 2022年02月04日 01:39/ 0 赞/ 614 阅读