用css画一个漂亮的分割线

某个baka把我的博客弄坏了,导致人家好长时间写不了博客好难受ヽ(✿゚▽゚)ノ。今天博客修好了所以赶紧上来发一篇(≖ᴗ≖๑),大家想我没~

今天说的是如何画一个分割线。从小学开始我就有个非常2B偏见,用hr元素画出来的分割线不好看,也没有优化的余地。粗浅的学过css后我试着把实线的hr做成虚线的hr,不过说到头它不还是根线……

直到有一天我大概懂了伪元素到底是怎么回事,我眼中的hr变得不一样了~

Read More

如何通过jQuery/CSS重画select元素样式

此文在21日有修改。

话说某个晚上,在我发完如何重绘checkbox之后秋水菊苣问我如何重画一个select元素,我当时还觉得大概会是个很简单的事情,就接了这个科研任务……可是真正上手写的时候才发现(;´ ༎ຶ Д ༎ຶ)σ 太他娘的坑了(;´ ༎ຶ Д ༎ຶ)σ 妈妈我再也不造轮子了(;´ ༎ຶ Д ༎ຶ)σ 造轮大法一点也不好(;´ ༎ຶ Д ༎ຶ)σ 我的信仰崩溃了。

言归正传,select元素其实一直都挺恶心的,最近接商单的时候也是因为select不好看煞风景,客户让我解决一下。我刚开始用了一个消除掉mouse-eventspan给盖上了,不过IE9下根本不兼容ヽ( ° ▽°)ノ,于是我们就只能开始自己徒手造了。

Read More

如何使用js监听特定div内容的变化

最近在开发DAdolfans的时候遇到了这么个需求:监听一个contentEditablediv内容变化。

我们知道,监听textarea或者input内容的变化通过简单的jq监听就能做到,但是如果监听的对象是一个div的话它们就无能为力了。上网查了几个方法:

Read More

为页面实现真·自定义形状的滚动条

webkit支持对页面滑轮和滑道的自定义,但是那种自定义是有限的。比如:如果你想让滚轮滑道与页面的背景图片融合是不可能的,也不能让滑块有自行义的形状。

所以咱前一阵子强迫症爆发,在自己的应用中重新写了个滑道,案例的话请参考:https://github.com/DFLS/DAdolfans

自备less编译器,源码里的less浏览器nw是读不了的。

Read More

绘制一个Material Design风格的按钮

就在几天前,玲奈这个混蛋捏我,叫我捏一个google design的页面出来,之后我就跟个抖M似的屁颠屁颠给人家捏去了,Google Design里面那个按一下贴片就会出现个圆圈逐渐扩大的圆这个特效挺讨巧的,做过之后觉得有必要写个笔记,所以就写了(ゝ∀・)

Read More