js开发实例 —— 密码框格式错误提示信息&百度换肤效果

五、密码框格式错误提示信息

思路：

①首先判断的事件是表单失去焦点onblur 。

②如果输入正确则提示正确的信息颜色为绿色小图标变化。

③如果输入不是6到16位,则提示错误信息颜色为红色小图标变化。

④因为里面变化样式较多,我们采取className修改样式。

HTML 代码：

需要更改的CSS代码：

Js 代码：

六、百度换肤效果

思路：

①这个案例练习的是给一组元素注册事件

②给4个小图片利用循环注册点击事件

③当我们点击了这个图片,让我们页面背景改为当前的图片

④核心算法:把当前图片的src路径取过来,给body做为背景即可

HTML代码：

JS 代码：