摘要：实现一个旋转的大风车：首先来一个容器里面四个风扇、 一个中心点 结构很简单，使用绝对分别定好位。然后再使用border-radius把风扇矩形变成半圆，形状就有了，再分别给其上色，红黄蓝绿四种渐变颜色。最后给容器加个animation使整个容器开始旋转即可。 阅读全文

摘要：这效果看起来挺炫，但原理并不复杂，能实现一片花瓣动起来，就能实现9片花瓣。效果的叠加而已。 阅读全文

摘要：在使用javascript编程时会遇到一个问题,就是当你给html添加事件时,由于浏览器默认的为冒泡型事件触发机制,所以会触发你不想触发的事件.那么通过如下的函数可以解决这个问题。1.阻止事件冒泡function stopBubble(e) {//如果提供了事件对象，则这是一个非IE浏览器if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation();else //否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true;... 阅读全文

摘要：在用户登录的时候经常会有下拉框提示来让用户快速便捷完成输入工作。于是就自己动手实现了一下。主要利用键盘的keyup事件，当用户输入文字的时候，根据输入文字的值来匹配库中的文本并呈现出来。 阅读全文

摘要：当用户通过鼠标滚轮与页面交互、在垂直方向上滚动页面时（无论向下还是向上），就会触发mousewheel事件。这个事件可以在任何元素上面触发，最终会冒泡到document(IE)或window(Opera、Chrome、及Safari)对象。在IE中触发的是mousewheel事件。在火狐中触发的DOMMouseScroll 事件。在使用的时候分别为元素绑定两个事件就可以了。标准浏览器用 e.preventDefault(); 再来个取消冒泡e.stopPropagation(); 即可。直接e.preventDefault()的话，IE中会报错不支持此方法，所以要加个判断。if(e.preve 阅读全文