原文:border-width实现博客园回复效果

一 发现 前端渣哥逛博客园,经常看到博文评论有这种如下这种效果: 开始还以为是用图片实现的,额...。像博客园这种访问量大的网站,能用js css实现的就不会用图片代替,果然,仔细一看,两个span就能实现这个效果了。 二 实现 看到不会或者不清楚的,总想探个究竟,并把知识变成自己的。接下来就花点时间,实现这种效果。 . 以span 设置 border width: px 为例,这样相当于一个 的 ...

2015-09-02 15:29 9 747 推荐指数:

查看详情

博客园markdown效果

博客园markdown 编辑器 不支持语法 脚注 复选框 流程图 TOC 标题 用法 在想要设置为标题的文字前面加#来表示 一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。 注:标准语法一般在#后跟个空格再写文字 示例 效果 这是一级标题 ...

Thu Nov 02 21:08:00 CST 2017 2 1571
实现博客园的日历效果的原生js插件

   这个原生代码的js日历插件是根据我前面的那个生成日历效果的函数改造而成的,原本以为利用我前面那个日历函数可以很容易就实现博客园一样效果的日历插件,但事实上还是费了一般的功夫才实现这个博客园效果的日历插件,个中遇到的问题就不一一叙述了,只讲两点。   我本以为这个时间插件的点击事件是比较容易 ...

Mon Jan 23 06:37:00 CST 2017 1 5982
博客园美化-随季节变化实现不同的飘落效果

最近在研究博客园的美化效果,看到有一个樱花飘落的效果,忽然突发奇想,如果能根据当前日期所处的季节实现不同的飘落效果岂不是更酷。😂 预览效果 我的思路其实很简单,现在已经找到一个樱花的飘落效果,通过阅读代码其实可以发现,特效中的樱花用的是一张图片,图片被转换成base64编码的字符串形式保存 ...

Wed Aug 11 19:09:00 CST 2021 22 2377
博客园添加动态背景效果

博客园添加动态背景效果 目录 1 申请 JS权限 2 审核通过后 3 上传canvas-nest.js文件到自己的博客园后台并获取这个文件的链接 4 在博客园-->设置-->页首Html代码下,插入以下标签 5 见证奇迹 参考 ...

Sun Sep 01 06:01:00 CST 2019 2 1292
博客园添加动态背景效果

载其中的canvas-nest.js,然后上传到博客园后台的文件,得到一个链接 然后在博客园-->设置-->页首H ...

Sat Nov 24 17:20:00 CST 2018 7 3432
博客园Markdown样式效果

摘要 该文用于展示博客园Markdown样式效果,包含:标题、列表、链接与图片、引用、粗体、斜体和删除线、分割线、表格。 标题 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 列表 有序列表 文本 文本 文本 文本 ...

Wed Mar 18 05:47:00 CST 2020 6 439
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM