博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
《博客园美化》添加雪花/修改icon
阅读量:4350 次
发布时间:2019-06-07

本文共 1423 字,大约阅读时间需要 4 分钟。

添加雪花

将这段代码放在页脚就可以了,前提是必须要有js权限
(function($){$.fn.snow=function(options){
var $flake=$('
').css({'position':'absolute','top':'-50px'}).html('❄'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){
var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#FFF' });

 

 

修改icon

 

注意:这里必须是ico格式的图片,需要把其他格式的图片放在ps里面转化一下就可以了(默认ps没有ico格式,需要为ps增加一个ico格式文件), 有了ico图片后,博客园后台图片是不能上传ico格式图片的,需要在文件里面上传ico图片 下面这段代码放在页脚就可以了,注意把路径改为自己图片的路径
var linkObject = document.createElement('link');    linkObject.rel = "shortcut icon";    linkObject.href = "https://files-cdn.cnblogs.com/files/chensv/icon.ico";document.getElementsByTagName("head")[0].appendChild(linkObject);

 

转载于:https://www.cnblogs.com/chensv/p/11303867.html

你可能感兴趣的文章
CentOS下安装python3.x版本
查看>>
CAP定理(原则)以及BASE理论
查看>>
「玩转树莓派」搭建属于自己的云盘服务
查看>>
有道语料库爬虫
查看>>
VS2019 实用设置
查看>>
for循环语句之求和,阶乘,求偶,求n次篮球蹦起高度
查看>>
CFileDialog
查看>>
[转载]EXTJS学习
查看>>
SQL Server2012完全备份、差异备份、事务日志备份和还原操作
查看>>
Flash动画播放
查看>>
springmvc+mybatis+dubbo+zookeeper 分布式架构
查看>>
HDUOJ-----Computer Transformation
查看>>
HDUOJ-----2838Cow Sorting(组合树状数组)
查看>>
自定义控件之---抽屉式弹窗控件.
查看>>
一款纯css3实现的机器人看书动画效果
查看>>
加班与效率
查看>>
轻量级Modal模态框插件cta.js
查看>>
MyEclipse下SpringBoot+JSP整合过程及踩坑
查看>>
重定向和管道
查看>>
Python简介
查看>>