CSS清除浮动

总结(1):使用:after 伪元素 -- 英文出处

/*FF Chrome*/
.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden; }
.clearfix { display: inline-block; }  /* for IE/Mac */  
/*IE*/    
.clearfix { zoom: 1;/* triggers hasLayout */ display: block;/* resets display for IE/Win */ }

总结(2):使用 rgba() 背景透明文字不透明 IE不适用

opacity 背景透明文字透明
rgba 背景透明文字不透明
.bg1 { background: #000;opacity: 0.7;width: 100%;height: 100px;color: #fff;text-align: center; }
.bg2 { background: rgba(0,0,0,0.7);width: 100%;height: 100px;color: #fff;text-align: center; }

总结(3):发送倒计时按钮

总结(4):input 输入框监听事件

使用 jQuery 库,同时绑定 oninput 和 onpropertychange 两个事件,如下:

$('input').bind('input propertychange', function() {
    $('.msg').html($(this).val().length + '个字');
});