通知，复制提醒，禁用F12或右键菜单提醒美化版

下面这几个弹窗挺好看的，拔下来就共享给大家了

样式1，复制成功，（禁右键属，于自慰），进入欢迎弹窗提醒

引入css，js自己也可以下载本地

<!-- 引入VUE -->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.min.js"></script>
<!-- 引入样式 -->
<script src="https://unpkg.com/element-ui@2.15.6/lib/index.js"></script>
<!-- 引入组件库 -->
<link rel="stylesheet" href="https://unpkg.com/element-ui@2.15.6/packages/theme-chalk/lib/index.css">

样式2，复制成功提醒

样式3，复制成功提醒

<!-- 复制提醒开始 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" />
<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>

<script>
    document.body.oncopy = function() {
        swal("复制成功！", "若要转载请保留原文链接，感谢支持！", "success");
    };
</script>
<!-- 复制提醒结束 -->

样式4，复制成功提醒

样式5，复制成功提醒

 <script src="https://xingfu111.com/api/js/jquery.min.js"></script> 
<script src="https://xingfu111.com/api/js/layer/layer.js"></script> 
<script type="text/javascript"> document.body.oncopy = function() {layer.msg('<p style="font-weight: 400;">复制成功</p>', function(){});} </script>