我们在做登录的时候，为了防止机器不停的刷和提交，有了登录验证码，相信大家都不陌生，验证码一般有数字和字母加干扰点和干扰线，或者图片验证码，或者汉字验证码。汉字验证码必须要有中文字体，否则不成功。图片验证码一般是事先定义好的图片，给出名称和值，进行验证。下面我们来写一个最常见的字母加数字验证码。

效果图如下：

css有不少常用的效果，你在平时浏览网站的时候可能会看到，但是真的要自己写的时候，有时候会突然忘记，今天稍微对那些常见的效果做一下小结。

1、每逢大的灾难的时候，很多网站变成了灰色，如何让网站快速变灰？css代码是很简单的，用的是css的filter功能。

代码如下：

html {
   filter: grayscale(100%);//IE浏览器
  -webkit-filter: grayscale(100%);//谷歌浏览器
  -moz-filter: grayscale(100%);//火狐
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
  -webkit-filter: grayscale(1);//谷歌浏览器
}

有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的之间插入：

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

今天在网上看css3的有关东西，突然看到了我们大学时候，maya建模第一课的机器狗，这个机器狗还会动。不一样的是，这个机器狗不是用maya做的了，他是用纯css3写的，很惊讶，勾起了我大学时期学习maya的美好回忆！ 下面看看这个机器狗吧！

1、只能输入数字

文本框只能输入数字代码(小数点也不能输入)

方式一：

<input type="text"name="number" id="number" value="1" maxlength="8" title="nb" onkeyup="value=value.replace(/[^\d]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g, ''))">

方式二：