博客园的使用
博客园的使用
- 登录博客园
- 点击右上角头像点击账号设置,在左边点击博客设置
- 申请开通js权限 下面分享我偷来的主题。
是网上的,复制来有Bug我也懒得修了嘻嘻
博客侧边栏代码
<script type="text/javascript"> /*标签云的动态效果*/ function gotoTop(){ setTimeout(function(){ document.documentElement.scrollTop = (document.documentElement.scrollTop*0.1); document.body.scrollTop = (document.body.scrollTop - document.body.scrollTop*0.1); var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; if(scrollTop > 0){ gotoTop(); } },10); } var Ftimer = setInterval (Ftoggle,1000), contral = [false,false]; function Ftoggle(){ var tagObjbox = document.getElementsByClassName('catListTag')[0], tagObj = tagObjbox.getElementsByTagName('li'), navList = document.getElementById('navList'); if(tagObjbox && tagObj){ contral[1]=true; SlideTag(tagObj); } if(navList){ contral[2]=true; AddLi(navList); } if(contral[1] & contral[2]){ clearInterval(Ftimer); } } function AddLi(e){ var li = document.createElement('li'), a = document.createElement('a'); a.innerHTML = '(‾◡◝)'; a.className = 'menu'; a.href = 'https://www.cnblogs.com/cainiao-chuanqi/tag/'; li.appendChild(a); e.appendChild(li); } function SlideTag(tagObj){ offset = true; PreSeting(); for(var i=0;i<tagObj.length;i++){ (function(i){ tagObj[i].onmouseover = function(){ offset = false; index = parseInt(this.style.zIndex); this.style.zIndex = 9999; } tagObj[i].onmouseout = function(){ offset = true; this.style.zIndex = index; } })(i); } setInterval(PreSeting,5000) function F_getSJS(x,y,z){ var int = null; if(!z) { z = 6} while(int >= x || int <= y || int === null){ int = Math.random(); int = (int.toFixed(z) * x).toFixed(0); } return int; } function PreSeting(){ if(offset){ for(var i=0;i<tagObj.length;i++){ tagObj[i].style.left = F_getSJS(100,30,10) + 'px'; tagObj[i].style.top = F_getSJS(200,30,10) + 'px'; tagObj[i].style.backgroundColor = 'rgb(' + F_getSJS(256,-1,5) + ',' + F_getSJS(256,-1,10) + ',' + F_getSJS(256,-1,15) + ')'; tagObj[i].style.zIndex = F_getSJS(200,0,16); } } } } onload = function(){ if(location.href == 'https://www.cnblogs.com/cainiao-chuanqi/' || location.href == 'https://www.cnblogs.com/cainiao-chuanqi/'){setTimeout(goto,3000);} function goto(){ document.getElementById('headbox').style.display = 'block'; document.documentElement.scrollTop = document.documentElement.scrollTop + 200; document.body.scrollTop = document.body.scrollTop + 200; } } </script> <script type="text/javascript"> /*设置目录(侧边HTML代码)*/ //以下是锚点JS var a = $(document); a.ready(function() { var b = $('body'), d = 'sideToolbar', e = 'sideCatalog', f = 'sideCatalog-catalog', g = 'sideCatalogBtn', h = 'sideToolbar-up', i = '<div id="sideToolbar"style="display:none;">\<div class="sideCatalogBg"id="sideCatalog">\<div id="sideCatalog-sidebar">\<div class="sideCatalog-sidebar-top"></div>\<div class="sideCatalog-sidebar-bottom"></div>\</div>\<div id="sideCatalog-catalog">\<ul class="nav"style="width:225px;zoom: 1">\</ul>\</div>\</div>\<a href="javascript:void(0);"id="sideCatalogBtn"class="sideCatalogBtnDisable"></a>\</div>', j = '', k = 200, l = 0, m = 0, n = 0, //限制存在个数,如数量过多,则只显示h2,不显示h3 //o, p = 13, o, p = 100, q = true, r = true, s = b; if(s.length === 0) { return }; b.append(i); //指定获取目录的范围-------------这一点非常重要,因为每个人指定的范围都不一样,所以这是要修改的地方 //o = s.find(':header'); o = $('#cnblogs_post_body').find(':header') if(o.length > p) { r = false; var t = s.find('h2'); var u = s.find('h3'); if(t.length + u.length > p) { q = false } }; o.each(function(t) { var u = $(this), v = u[0]; var title = u.text(); var text = u.text(); u.attr('id', 'autoid-' + l + '-' + m + '-' + n) //if (!u.attr('id')) { // u.attr('id', 'autoid-' + l + '-' + m + '-' + n) //}; if(v.localName === 'h2') { l++; m = 0; if(text.length > 14) text = text.substr(0, 20) + "..."; j += '<li><span>' + l + '  </span><a href="#' + u.attr('id') + '" title="' + title + '">' + text + '</a><span class="sideCatalog-dot"></span></li>'; } else if(v.localName === 'h3') { m++; n = 0; if(q) { if(text.length > 12) text = text.substr(0, 16) + "..."; j += '<li class="h2Offset"><span>' + l + '.' + m + '  </span><a href="#' + u.attr('id') + '" title="' + title + '">' + text + '</a></li>'; } } else if(v.localName === 'h4') { n++; if(r) { j += '<li class="h3Offset"><span>' + l + '.' + m + '.' + n + '  </span><a href="#' + u.attr('id') + '" title="' + title + '">' + u.text() + '</a></li>'; } } }); $('#' + f + '>ul').html(j); b.data('spy', 'scroll'); b.data('target', '.sideCatalogBg'); $('body').scrollspy({ target: '.sideCatalogBg' }); $sideCatelog = $('#' + e); $('#' + g).on('click', function() { if($(this).hasClass('sideCatalogBtnDisable')) { $sideCatelog.css('visibility', 'hidden') } else { $sideCatelog.css('visibility', 'visible') }; $(this).toggleClass('sideCatalogBtnDisable') }); $('#' + h).on('click', function() { $("html,body").animate({ scrollTop: 0 }, 500) }); $sideToolbar = $('#' + d); //通过判断评论框是否存在显示索引目录 var commentDiv = $("#blog-comments-placeholder"); a.on('scroll', function() { //评论框存在才调用方法 if(commentDiv.length > 0) { var t = a.scrollTop(); if(t > k) { $sideToolbar.css('display', 'block'); $('#gotop').show() } else { $sideToolbar.css('display', 'none') $('#gotop').hide() } } }) }); //以上是锚点JS //以下是返回顶部JS $(function() { $('body').append('<div id="gotop" onclick="goTop();"></div>'); }); function goTop(u, t, r) { var scrollActivate = !0; if(scrollActivate) { u = u || 0.1; t = t || 16; var s = 0, q = 0, o = 0, p = 0, n = 0, j = 0; document.documentElement && (s = document.documentElement.scrollLeft || 0, q = document.documentElement.scrollTop || 0); document.body && (o = document.body.scrollLeft || 0, p = document.body.scrollTop || 0); n = window.scrollX || 0; j = window.scrollY || 0; s = Math.max(s, Math.max(o, n)); q = Math.max(q, Math.max(p, j)); p = 1 + u; window.scrollTo(Math.floor(s / p), Math.floor(q / p)); 0 < s || 0 < q ? window.setTimeout('goTop(' + u + ', ' + t + ')', t) : 'undefined' != typeof r && r() } else { scrollActivate = !0 } } //以上是返回顶部JS </script> <div id="newsSideBar"> <div class="headImage"> <img src="https://images.cnblogs.com/cnblogs_com/blogs/830450/galleries/2440176/o_250107165056_Shandi.jpg" alt="头像"> </div> </div>
页面定制CSS代码
/*星光*/ .wall{ position: fixed; top: 0; left: 0; bottom: 0; right: 0; } div#midground{ background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115413foreground.png"); z-index: -1; -webkit-animation: cc 530s linear infinite; -moz-animation: cc 530s linear infinite; -o-animation: cc 530s linear infinite; animation: cc 530s linear infinite; } /*div#foreground{ background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115413foreground.png"); z-index: -2; -webkit-animation: cc 253s linear infinite; -o-animation: cc 253s linear infinite; -moz-animation: cc 253s linear infinite; animation: cc 253s linear infinite; }*/ div#top{ background: url("https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/t_191109115313midground.png"); z-index: -4; -webkit-animation: da 770s linear infinite; -o-animation: da 770s linear infinite; animation: da 770s linear infinite; } @-webkit-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 0 600%; } } @-o-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 0 600%; } } @-moz-keyframes cc { from{ background-position: 0 0; transform: translateY(10px); } to{ background-position: 0 600%; } } @keyframes cc { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-webkit-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-moz-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } @-ms-keyframes da { 0%{ background-position: 0 0; } 100%{ background-position: 0 600%; } } /*标签云--标签部分*/ #sidebar_toptags > div > ul > li > a { font-size: 12px; line-height: 10px; color: #fff; } #sidebar_toptags > div > ul > li { position: absolute; padding: 0 10px; border-radius: 7%; background:#FF4500; font-size: 14px; line-height: 30px; transition: all .7s; font-size: 9px; color:#FAFAD2; box-shadow: 0 1.5px 3px -1px rgba(255,215,0,0.73)!important; } #sidebar_toptags > div > ul { position: relative !important; clear: both; display: block; padding: 10px; padding-left: 0px; width: 270px; height: 230px; /* background: #ffffee; */ } /*侧边栏的展开与收回*/ #fry_append { right: 9.37%; width: 46px; top: 6.3%; opacity: 0.3377; position: fixed; z-index: 98; background-color:#F5F5F5; font-size: 12px; margin: 7px 0 0; padding: 3px; border: 1px solid #FFD700; border-radius: 5px; float: right; box-shadow: 0 1px 1.5px -1px rgba(255,215,0, 0.73)!important; /* box-shadow: 0px 0px 15px 5px #FF3300 inset; background: url(https://www.cnblogs.com/images/cnblogs_com/cainiao-chuanqi/1532380/t_%e5%9b%bd%e6%97%97.jpg) no-repeat; */ } #fry_append div:first-of-type { margin-top: 5px; } #fry_append div { text-align: center; cursor: pointer; margin-top: 10px; color:#000; } /*编辑 收藏*/ #topics .postDesc a { background-color: #51C332; border-radius: 3px; text-align: center; color: white; text-shadow: 1px 1px 2px #8B0000; padding: 7px 18px; font-size: 14px; font-weight: bold; line-height: 1.5; margin: 10px 3px; /* box-shadow: black 0px 2px 8px; margin-left: 10px; width: 35px; padding: 3px 8px!important; background-color: #3cb034!important; */ box-shadow: 0 3px 5px -1px rgba(60,176,52,0.65)!important; } /*背景*/ body { color:#000; background: #708090; background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1538321/o_200609013616blue.jpg) fixed; background-size:cover; background-repeat: no-repeat; font-family: Tahoma,"Microsoft YaHei",Helvetica,Verdana,sans-serif; font-size: 14px; min-height: 101%; margin: 0; padding: 0; height:100%; } .postBody{ font-size: 14px; } .cnblogs_code pre{ font-size: 14px; } #home { opacity: 0.93; margin: 0px auto; width: 77.33%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } /*文字触发效果*/ a:hover { /*border-bottom: 1px solid;*/ color: #DC143C; text-shadow: -0.73px 0 0 #FFD700, 0 0.73px 0 #FFD700, 0.73px 0 0 #FFD700, 0 -0.73px 0 #FFD700; -webkit-transition: 0.3s; } /*博客导航栏 */ #navList { float:left; } #navList li { border: none; font-size: 16px; } #navList a:hover{ color:#FF0000; text-decoration: none; } /*目录样式*/ #sideCatalog a{ font-size:12px; font-weight:normal !important; } #sideCatalog li { background-color: #F0FFF0; } #sideCatalog a:hover{ color:#8B0000; } div#sideToolbar { opacity: 0.93; } div#gotop { opacity: 0.73; } /* 文章title自定义带动画样式 */ #topics .postTitle{ margin-top: 3px; font-size: 17px; } .postTitle { font-family: "Lato", Helvetica Neue, Helvetica, Arial, sans-serif; clear: both; background-color: #FBF9F9; margin-bottom:8px; padding-top: 5px; padding-bottom: 5px; margin-top: 7px; border-left: 3px solid #21759b; padding-left:3px; font-size: 17px; border-radius:0px; } .postTitle a:hover { text-decoration: none; margin-left: 17px; color:#FF0000; } .postTitle a:link, .postTitle a:visited, .postTitle a:active { transition: all 0.4s linear 0s; } //加载进度条 #loadingProcess{ position: absolute; position: fixed; top:0; left: 0; height: 3px; box-sizing: border-box; width: 0%; background-color: @AccentColor; background-image: linear-gradient(to right,transparent 0%,transparent 80%,#fff 100% ); border-bottom-right-radius: 1px; border-top-right-radius: 1px; } // 回复中代码片段会遮挡精灵球 .syntaxhighlighter{ z-index: -1 } /* * 动画声明 */ /* 点赞样式Begin */ @keyframes jumping { 0% { transform: translateY(0px); } 50% { transform: translateY(-400px); } 100% { transform: translateY(0px); } } #div_digg { bottom: 0px; bottom: 50px; margin: 0px; position: fixed; opacity:0.66; right: 0.5rem; right: 16px; animation: jumping 337s ease-in-out; animation-iteration-count: infinite; } .buryit { display: none; } .diggit { background: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1963449/o_210419030030o_ball2.png) no-repeat; border-radius: 50%; box-shadow: 0px 0px 15px 5px #FFFFCC inset; cursor: pointer; height: 100px; margin: 0px; padding: 0px; width: 100px; text-align: center; } #div_digg .diggnum { color:#FFFF00; opacity:0.73; font-family: Verdana; font-size: 37px; line-height: 2em!important; } #digg_tips{ color: #fa5 !important; width: 200px; text-align: center; margin-left: -50px; margin-top: 20px; } a.digg_gray{ font-size: 18px; } #xiaociguai{ opacity:0.66; position: fixed; bottom: 0; right: 0; width: 155px; cursor: pointer; z-index:9999 ; } #xiaociguai:hover,#xiaociguai.enable-electric{ -webkit-filter: saturate(7); filter: saturate(7); } /* 点赞样式End */ /*侧边栏公告*/ #blog-news > img { /*头像*/ display: block; margin: auto; border-radius: 50%; } #profile_block { font-size: 15px; padding: 20px; line-height: 1.8; } #profile_block > a:link { color: #F60; } /*公告结束*/ /* 个性签名 */ #MySignature { box-shadow: 8px 1px 10px #989898; padding: 10px; text-shadow: 1px 1px 1px #FFF; font-size: 15px; border-left: solid 5px #55895B; background: #FBF9F9; border-radius: 10px 10px 37% 10px; line-height: 2.4; margin: 37px 0; } #MySignature a { text-decoration: none; color: #4183c4; font-weight: bold; } #MySignature a:hover { text-decoration: underline; color: #f60; } #MySignature span { color: #f60; } /*标题h2的自定义格式*/ #cnblogs_post_body h2 { border: 1px solid #55895B; border-left-width: 5px; border-radius: 10px; border-right-width: 5px; background-color: #FBF9F9; background-position: left center; padding: 3px 5px; width: 100%; display: inline-block; box-sizing: border-box; } /*标题h3的自定义格式*/ #cnblogs_post_body h3 { border: 1px solid #696969; border-left-width: 3px; border-radius: 7px; border-right-width: 5px; background-color: #F5F5F5; background-position: left center; padding: 2px 3px; width: 37%; display: inline-block; box-sizing: border-box; } /* 关注收藏等几个按钮 */ #green_channel { padding: 5px 0 15px 0; margin-bottom: 10px; margin-top: 10px; border: 0; border-top: #eee 1px dashed; border-bottom: #eee 1px dashed; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: rgb(238, 238, 238); font-size: 12px; width: 100%!important; text-align: center; display: inline-block; vertical-align: middle; } a#green_channel_digg, a#green_channel_follow, a#green_channel_favorite, a#green_channel_weibo, a#green_channel_wechat { text-decoration: none; color: #fff; margin: auto; width: 80px; display: inline-block; line-height: 30px; font-size: 13px; font-weight: 500; letter-spacing: 2px; border-radius: 3px; text-transform: uppercase; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; position: relative; margin-left: 10px; background-image: none; margin-top: 10px; } a#green_channel_digg { background-color: #2daebf; box-shadow: 0 15px 18px -6px rgba(95,193,206,0.65); } a#green_channel_favorite { background-color: #ffb515; box-shadow: 0 15px 18px -6px rgba(255,198,75,0.65); margin-left: 10px; } a#green_channel_follow { background-color: #e33100!important; box-shadow: 0 15px 18px -6px rgba(227,49,0,0.65); margin-left: 10px; } a#green_channel_wechat { padding: 3px 8px!important; background-color: #3cb034!important; box-shadow: 0 15px 18px -6px rgba(60,176,52,0.65)!important; margin-left: 10px; width: 35px; } a#green_channel_weibo { padding: 3px 8px!important; background-color: #ff464b!important; box-shadow: 0 15px 18px -6px rgba(255,70,75,0.65)!important; margin-left: 10px; width: 35px; } /*下面的头像边框*/ #author_profile_info img.author_avatar { border-radius: 100%; box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.4); border: 3px solid #f7f7f7; padding: 0; margin-left: 3px; margin-right: 7px; } /* 禁用下划线 */ .postBody a:link, .postBody a:visited, .postBody a:active { text-decoration: none; } /* 上一篇下一篇 */ #post_next_prev { font-size: 14px; color: #535353; } /*好看的滚动条*/ ::-webkit-scrollbar{ width:10px!important; height:10px!important; -webkit-appearance:none; } ::-webkit-scrollbar-thumb{ height:5px;border:1px solid transparent; border-top:none;border-bottom:none; -webkit-border-radius:6px; background-color:rgba(0,0,0,.3); background-clip:padding-box; } /*屏蔽广告 adblock */ #ad_t2 { display: none; } .c_ad_block { display: none; } /*新加 头像 img 侧边*/ #newsSideBar .headImage { padding: auto; } #newsSideBar .headImage img { border: 3px solid #C0C0C0; border-radius: 50%; width: 150px; margin: auto; display: block; } #sideBar a:hover{ color:#8B0000; } /*评论*/ /*评论列表 */ /*侧边栏和评论区更改*/ /*侧边栏和评论区更改*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea { font-size: 14px!important; } .catListTitle { margin-top: 21px; margin-bottom: 10.5px; text-align: left; border-left: 3px solid rgba(82, 168, 236, 0.8); padding: 10px 0 7px 10px; background-color: #f5f5f5; } div.commentform p{ margin-bottom:10px; } .comment_btn { padding: 5px 10px; height: 35px; width: 90px; border: 0 none; border-radius: 5px; background: #ddd; color: #999; cursor:pointer; font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif; text-shadow: 0 0 1px #fff; display: inline !important; } .comment_btn:hover{ padding: 5px 10px; height: 35px; width: 90px; border: 0 none; border-radius: 5px; background: #258fb8; color: white; cursor:pointer; font-family: "Lato", Helvetica Neue, Helvetica, Microsoft Yahei, 宋体, Arial, sans-serif; text-shadow: 0 0 1px #fff; display: inline !important; } #commentform_title { background-image:none; background-repeat:no-repeat; margin-bottom:10px; padding:0; font-size:24px; } #commentbox_opt,#commentbox_opt + p { text-align:center; } .commentbox_title { width: 100%; } #tbCommentBody { font-family:'Microsoft Yahei', Microsoft Yahei, 宋体, sans-serif; margin-top:10px; max-width:100%; min-width:100%; background:white; color:#333; border:2px solid #fff; box-shadow:inset 0 0 8px #aaa; // padding:10px; height:250px; font-size:14px; min-height:120px; background-image: url(https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1885930/o_201121070821lanqiu.gif); background-repeat: no-repeat; background-position: right bottom; box-shadow: 0px 0px 12px #ddd inset; } .feedbackItem { font-size:14px; line-height:24px; margin:10px 0; padding:20px; background:#F2F2F2; box-shadow:0 0 5px #aaa; } .feedbackListSubtitle { font-weight:normal; } #blog-comments-placeholder, #comment_form { padding: 20px; background: #fff; -webkit-box-shadow: 1px 2px 3px #ddd; box-shadow: 1px 2px 3px #ddd; margin-bottom: 50px; } .feedback_area_title { margin-bottom: 15px; font-size: 1.8em; } .feedbackItem { border-bottom: 1px solid #CCC; margin-bottom: 10px; padding: 5px; background: rgb(248, 248, 248); } .color_shine {background: rgb(226, 242, 255);} .feedbackItem:hover {-webkit-animation-name: color_shine;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: infinite;} #comment_form .title { font-weight: normal; margin-bottom: 15px; } /* 防止图片溢出 */ #cnblogs_post_body img { max-width: 100%; }
页首HTML代码
<!-- 页首代码 雪花--> <div id="midground" class="wall"></div> <div id="foreground" class="wall"></div> <div id="top" class="wall"></div> <!-- 页面HTML/JS部分 页面展开动画--> <div id="fry_append"> <div id="fry_sidebar">侧边栏</div> </div> <!-- 页面展开动画--> <script type="text/javascript"> function my_unfold(){ width_main=$('#main').width(); height_main=$('#main').height(); time=1000; function unfoldLeft(width,height,time) { $('#main').animate({ 'width': '0%', 'height': '0%', opacity: '0' }, 0,'linear'); $('#main').animate({ 'width': '+'+width_main, 'height': '+'+height_main, opacity: '1' }, time,'linear'); } unfoldLeft(width_main,height_main,time); } </script> <!--END 页面展开动画--> <!-- 展开侧边栏 --> <script type="text/javascript"> $('#main').append('<div id="fry_append"><hr/><div id="fry_sidebar"></div></div>'); $('#fry_sidebar').click(function(){ $('#mainContent .forFlow').css({'margin-right':'0px'}); if($('#sideBar').css('display')=='none'){ var width=$(window).width()*0.93; var width1=$(window).width()*0.97-280; var width2=($(window).width()-280)/2; if(width*0.35<230){ $('#mainContent').css({'display':'none'}); $('#sideBar').css({'display':'block','width':'280','margin-right':width2+'px'}); }else{ $('#sideBar').css({'display':'block','width':'230px','margin':'none','float':'right'}); $('#mainContent').css({'display':'block','width':width1+'px'}); } } else{ $('#sideBar').css({'display':'none'}); $('#mainContent').css({'display':'block','width':'122%'}); } }); </script> <!-- 此处放入页首Begin --> <div id="loadingbar"> <div id="loadingProcess"></div> </div> <script type="text/javascript"> var loadingProcess = 0; var isLoading = true; var $loadingProcess = $('#loadingProcess'); function loading() { loadingProcess += 1; if (loadingProcess >= 80) { loadingProcess = 80; } $loadingProcess.css('width', loadingProcess + '%'); if (!isLoading && loadingProcess === 80) { $loadingProcess.css('width', '100%').hide(200); } else { requestAnimationFrame(loading); } } loading(); $(function () { isLoading = false; }) </script> <!-- 此处放入页首End --> <!-- 此处放入页首Begin --> <div id="loadingProcess"></div> <script type="text/javascript"> var loadingProcess = 0; var isLoading = true; var $loadingProcess = $('#loadingProcess'); function loading() { loadingProcess += 1; if (loadingProcess >= 80) { loadingProcess = 80; } $loadingProcess.css('width', loadingProcess + '%'); if (!isLoading && loadingProcess === 80) { $loadingProcess.css('width', '100%').hide(200); } else { requestAnimationFrame(loading); } } loading(); $(function () { // 页面加载完毕,停掉加载动画 isLoading = false; // 载入小磁怪 if ($('#div_digg').length === 1 || window.location.href.indexOf('\/p\/')!==-1) { $(document.body).append('<img id="xiaociguai" title="电磁波切换" alt="电磁波切换" src="https://images.cnblogs.com/cnblogs_com/cainiao-chuanqi/1532380/o_xiaociguai37.png" />') // 绑定停止精灵球跳动按钮 var isStopJump = false; $('#xiaociguai').click(function (e) { if (isStopJump) { $('#div_digg').css('animation', 'jumping 7s ease-in-out').css('animation-iteration-count', 'infinite'); $('#xiaociguai').removeClass('enable-electric') } else { $('#div_digg').css('animation', 'unset'); $('#xiaociguai').addClass('enable-electric') } isStopJump = !isStopJump; }) } }) </script> <!-- 此处放入页首End --> <!-- 设置目录(首页HTML代码) --> <link type="text/css" rel="stylesheet" href="https://blog-static.cnblogs.com/files/cainiao-chuanqi/maodian.css"> <script type="text/javascript"> /*自定义的鼠标点击效果*/ /* 鼠标特效 */ var a_idx = 0; jQuery(document).ready(function($) { $("body").click(function(e) { var a = new Array("爱wzy","很爱wzy","很爱很爱wzy","很爱很爱很爱wzy","很爱很爱很爱很爱wzy","她好漂亮","她很温柔","她很体贴","她很感性"); var $i = $("<span/>").text(a[a_idx]); a_idx = (a_idx + 1) % a.length; var x = e.pageX, y = e.pageY; $i.css({ "z-index": 999999999999999999999999999999999999999999999999999999999999999999999, "top": y - 20, "left": x , "position": "absolute", "font-weight": "bold", "color": "rgb(119,136,153)" }); $("body").append($i); $i.animate({ "top": y - 180, "opacity": 0 }, 1500, function() { $i.remove(); }); }); }); </script>
页脚HTML代码
<!-- 设置目录(首脚HTML代码) --> <script src="https://blog-static.cnblogs.com/files/cainiao-chuanqi/mulu.min.js"></script> <!-- lightbox的样式/ 图片点击放大效果 <link href="https://files.cnblogs.com/files/cainiao-chuanqi/img-css.css" rel="stylesheet"> --> <!-- lightbox.js核心代码 --> <!-- <script src="https://files.cnblogs.com/files/cainiao-chuanqi/img.js"></script> <script type='text/javascript'>$('#cnblogs_post_body img').wrap(function(){return "<a href='"+$(this).attr("src")+"' data-lightbox='example-set'></a>"});</script> <script type='text/javascript'>$(".code_img_closed").unwrap();</script> <script type='text/javascript'>$(".code_img_opened").unwrap();</script> -->
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了