摘要: 预加载是一项被广泛使用的技术。下面简单实现下: 阅读全文
posted @ 2017-05-19 23:09 _Jo 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 无意中看到html5的FileRader这个对象,之前没见过,查阅了下资料发现是个读取文件的东西。于是简单实现了下将图片转换成编码: 阅读全文
posted @ 2017-05-14 15:13 _Jo 阅读(224) 评论(0) 推荐(0) 编辑
摘要: 拖动滑块验证是现在的网站随处可见的,各式各样的拖动法都有。 下面实现的是某宝的拖动滑块验证: 由于是原生js实现的,因此没有加上动画效果,不然代码量太大。 代码简单,直接看下结构就明了了。 阅读全文
posted @ 2017-05-06 23:29 _Jo 阅读(8001) 评论(0) 推荐(0) 编辑
摘要: 火狐下的滚动条样式无法去修改,但chorme下的则可以任意修改,惊喜的是IE竟然是最早实现这一功能的浏览器,IE5都能有效果。 chorme下的滚动条样式修改: IE下的滚动条样式修改跟chrome下的不一样,而且只能修改颜色。 阅读全文
posted @ 2017-05-06 21:02 _Jo 阅读(24085) 评论(0) 推荐(1) 编辑
摘要: 好久没玩canvas了,随便写点效果玩玩。要开始重新拾起这门牛x的技术了,工作中不一定能用得上,以后说不定就能发挥用处了。 阅读全文
posted @ 2017-05-04 22:26 _Jo 阅读(163) 评论(0) 推荐(0) 编辑
摘要: 在前端网看到个时间轴的效果,故简单模范了个。 传送门 阅读全文
posted @ 2017-04-21 23:09 _Jo 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 在layui论坛上闲逛时发现了一个用css3实现的边框动画,故简单实现了下。 也可以看看这篇文章 阅读全文
posted @ 2017-04-21 23:00 _Jo 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 现在很多博客都会有这样一种效果,当滚动条上下移动时,顶部或者底部会有进度条一样的效果,以显示当前滚动的位置,这样的效果就叫做滚动指示器。代码如下: 原理很简单,通过scrollTop / (body的内容区域高度 - 可视区域的高度)的比,来得出当前滚动条相对于内容区域的位置,再跟内容区域相乘就可以 阅读全文
posted @ 2017-04-18 21:16 _Jo 阅读(167) 评论(0) 推荐(0) 编辑
摘要: 看到那些UI框架都是有美化checkbox多选框的,不过大多是图片或者是字体图标。于是就利用label仿了个多选框效果。 阅读全文
posted @ 2017-04-10 21:09 _Jo 阅读(205) 评论(0) 推荐(0) 编辑
摘要: 今天项目中有段过长的文字分成几行不美观,于是就想起了能用省略号代替的方法: text-overflow这个属性需要和overflow和white-space配合使用才会有效果。 阅读全文
posted @ 2017-04-07 23:46 _Jo 阅读(197) 评论(0) 推荐(0) 编辑