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