前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >记typecho美化(四)

记typecho美化(四)

作者头像
R0A1NG
发布2022-02-18 17:45:03
6080
发布2022-02-18 17:45:03
举报
文章被收录于专栏:R0A1NG 技术分享

图片禁止拖动

添加到后台自定义css

代码语言:javascript
复制
body img { -webkit-user-drag: none; }

图片呼吸灯

添加到后台自定义css

代码语言:javascript
复制
    img{-webkit-animation:ani 2s linear infinite;}@keyframes ani{0%{box-shadow:0 0 0px #00BCD4;}25%{box-shadow:0 0 10px #00BCD4;}50%{box-shadow:0 0 20px #00BCD4;}75%{box-shadow:0 0 10px #00BCD4;}100%{box-shadow:0 0 0px #00BCD4;}}

禁用debug调试

放到前面

代码语言:javascript
复制
<script>
    function checkDebugger(){var d=new Date();debugger;var dur=Date.now()-d;if(dur<5){return false}else{return true}}function breakDebugger(){if(checkDebugger()){breakDebugger()}};breakDebugger();
</script>

复制提醒

第一种:

代码语言:javascript
复制
<link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.9.2/theme-chalk/index.css" rel="stylesheet" />
<script src="./vue.js"></script>
<script src="./element.js"></script>
<script>
    document.addEventListener("copy",function(e){
    new Vue({
        data:function(){
            this.$notify({
                title:"复制成功",
                message:"若要转载请务必保留原文链接!",
                type:"success"
            });
            return{visible:false}
        }
    })
    })
</script>

第二种:

代码语言:javascript
复制
<link href="https://cdn.bootcdn.net/ajax/libs/element-ui/2.9.2/theme-chalk/index.css" rel="stylesheet" />
<script src="./vue.js"></script>
<script src="./element.js"></script>
<script src="./sweet.js"></script>
<script>
    document.body.oncopy = function () { 
        Swal.fire({ 
            allowOutsideClick: false,
            type: "success", 
            title: "复制成功,如转载请注明出处!", 
            showConfirmButton: false, 
            timer: 1500 
        }) 
    };
</script>

需要的js:

点击下载

打字特效

代码语言:javascript
复制
<script type="text/javascript" src="./commentTyping.js"></script>

点击下载

顶部跑马灯

代码语言:javascript
复制
<style>
    #top-grrk{
    background:url(https://external-30160.picsz.qpic.cn/e94ff0137dfb6cc51925d4ccf61d2541);
    height:2px;
    position:fixed;
    width:100%;
    Z-index:10000;
}
</style>    
<div id="top-grrk"></div>

记typecho美化(一)

记typecho美化(二)

记typecho美化(三)

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=271t9rxyqixww

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021 年 04 月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 图片禁止拖动
  • 图片呼吸灯
  • 禁用debug调试
  • 复制提醒
  • 打字特效
  • 顶部跑马灯
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档