随笔分类 -  博客园美化

自定义博客园样式与插件
摘要:Html结构 <div id="spig" class="spig"> <div id="message">……</div> <div id="mumu" class="mumu"></div> </div> css样式 .spig{ width:130px; height:170px; posit 阅读全文
posted @ 2019-08-21 14:57 echo丶若梦 阅读(1481) 评论(2) 推荐(6) 编辑
摘要:用 zoom.js 给博客园中博文的图片添加单击时弹出放大效果 前往 zoom.js 的 github 下载需要的 js与css文件 将下载下来的 zoom.js 与zoom.css 上传至自己的博客园文件 页面定制CSS代码 添加自定义代码: 页脚Html代码 添加自定义代码(注意更换zoom.j 阅读全文
posted @ 2019-08-20 10:44 echo丶若梦 阅读(791) 评论(7) 推荐(3) 编辑
摘要:这只萌萌哒的小仓鼠,相信大家一定很喜欢吧,很多人也非常好奇,这只小仓鼠是怎么实现的啊 好了罗七八糟的话咱也不说了 下面就看看怎么实现的吧 添加方式:进入自己的博客园->设置,将以上html代码添加到“博客侧边栏公告 将上述代码贴到侧边公告栏里就ok啦 偶然找到的~~,素材来源这里:http://ab 阅读全文
posted @ 2019-08-16 16:47 echo丶若梦 阅读(938) 评论(3) 推荐(6) 编辑
摘要:预览 一 html 二 引入js !function () { function n(n, e, t) { return n.getAttribute(e) || t } function e(n) { return document.getElementsByTagName(n) } functi 阅读全文
posted @ 2019-08-09 18:12 echo丶若梦 阅读(960) 评论(2) 推荐(3) 编辑
摘要:在codepen上看到一个Canvas做的下雨效果动画,感觉蛮有意思的。就研究了下,这里来分享下,实现技巧。 霓虹雨: http://codepen.io/natewiley/full/NNgqVJ/ Canvas动画基础 大家都知道,Canvas其实只是一个画板。我们可以应用canvas的api在 阅读全文
posted @ 2018-10-15 14:11 echo丶若梦 阅读(528) 评论(1) 推荐(0) 编辑
摘要:实时刷新背景图 美好的事情总是在不经意间发现 错过了 就可能不会再回来了 言归正传:这个实时刷新效果萌看还挺新颖 其实就是根据api接口刷新的时候获取一个图片而已 页面定制css代码: 然后保存一下 然后可以去看看自己的博客园了 然后就没有然后了.... ps:注意设置一下透明度,这样效果会更好一点 阅读全文
posted @ 2018-08-06 17:46 echo丶若梦 阅读(2778) 评论(11) 推荐(9) 编辑
摘要:一、下雪特效代码① <script type="text/javascript"> (function($){ $.fn.snow = function(options){ var $flake = $('<div id="snowbox" />').css({'position': 'absolu 阅读全文
posted @ 2018-06-05 17:53 echo丶若梦 阅读(3864) 评论(9) 推荐(17) 编辑