用到了伪元素生成数字的小三角｀currentColor和color: inherit`来实现夜间模式的切换（改变父元素的颜色即可改变所有子元素的颜色和背景色。全部使用百分比和em为单位做到自适应， 可以将整个时钟放进某个固定尺寸的元素中，然后再制定下父元素的字体大小即可。 其它的倒也没什么了。。。都是些麻烦事儿。 欢迎下载使用。

问题 如果一个元素和它的祖先元素注册了同一类型的事件函数(例如点击等), 那么当事件发生时事件函数调用的顺序是什么呢? 比如, 考虑如下嵌套的元素: {代码...} 两个元素都有onclick的处理函数. 如果用户点击了inner, inner和outer上的事件处理函数都会被调用. 但谁先谁后呢? 两个模型 在刚刚过去的那些糟糕年代, Netscap...

前端开发中一个老生常谈的问题就是'当用户滚动时, 根据滚动的位置适当触发不同的函数/动画, 例如当元素出现在视口时触发该元素的style改变. 通常的做法就是在scrollElement上附加scoll事件. 但是我们知道, 当滚动条滚动时scroll事件触发的是很频繁的, 且不由JS控制(浏览器的事件队列原生提供), 如图(添加事件监听后滚轮...

废话不多说, 直接上最终效果图和代码吧 github地址: [链接] {代码...} 稍微解释下这里用到的几个知识点: 1. flex-box. 什么是flex-box捏, 它是为了适应当前设备屏幕大小不一而提出的一种display方法. 当一个父元素的显示被设定为display:flex时, 它内部的子元素们会被平均分配占满父元素的空间, 并且当父元素的尺寸变化...

写了个简单的弹窗插件Prompt.js, 效果图如下 功能: 仿iOS弹出效果, 背景模糊, 可传入的确定和取消回调函数等. 用法: 不带参数调用: {代码...} 会按照默认参数和回调函数调用 带参数调用: 目前有四个参数 - 标题(str), 内容(str), 确定回调(function), 取消回调(function). 其中取消回调和标题是可选的, 而内容和确定回调...

构建了一个新的正则表达式. 由于正则表达式要根据传入的str值动态构建(on the fly), 因此要用到正则表达式的构造函数new RegExp(source), 相当于直接构建正则表达式的source.

先上效果图吧 点击'roll'按钮，会出现旋转的动画 代码如下 {代码...} 稍微解析一下： CSS部分用来生成静态的三维盒子，#camera下的四个子div分别旋转0°、90°、180°、270°后再以自身旋转后的坐标系为基准translateZ(200px)， 相当于四个子div分别向前（也就是正对屏幕的方向）、向右、向后（也就是背向屏幕的方向）、向左...

地址在这里还有这里 对前端有兴趣，充满求知欲的你千万不要错过。

先上效果图和代码吧鼠标悬浮上去，蓝色的front面开始旋转 蓝色的front面转过90°时，黄色的back面会显现出来， {代码...} 另一个版本，无限循环的，改变相应的CSS即可 {代码...} 推荐一下这篇文章.但大神有个地方说得不对，即backface-visibility的的作用，这个我后面会解释。解释一下： 3D效果的条件：得在父元素上设置p...

说明：根据选择的省名，自动调用数据库中的记录，在指定的select元素中填充相应的城市名。城市数据库也一并附上。 {代码...} {代码...} 需要改进的地方 没有对blur事件做出相应(triggerHandler(click)函数无效)

今天用AJ实现了一个根据滑块输入的值，根据连续计算e值的小应用e的定义如下:(1+1/x)^x随着X的增大，e越来越接近自然对数的底2.718281828459045

HTML和CSS因为其所见即所得的直观特性，往往被冠上简单易学的名号。我一开始也是这么想的，不就是那几个控制浮动、颜色、位置的标签吗！CSS3不就是加了些花哨的特效吗！记得哪位大大说过，前端开发里CSS是最难的。初学者也许会对这句话嗤之以鼻，但随着我学习的深入，渐渐意识这句话还是有一定道理的。用三体里的一句话就是

先上效果图：这只是SVG+JS驱动的动画的惊鸿一瞥，这里用到的技术，只是其皮毛。三次以上的贝塞尔曲线，更加复杂的函数控制SVG路径……路总要一步一步走，先总结一下当前实现的效果吧！

其实，广大页面屌丝们并不畏惧那些学习能力强的人，畏惧的是那些学习能力强，同时，尼玛学习又拼命的人。页面仔们，扪心自问下：我每天几点下班？我每天下班后都干嘛了？我有专门花空余时间深入理解学习CSS的一些东西吗？我能够连续坚持数月吗？最后，我只说一句话：“吃得苦中苦，方为人上人”。