首先我们开始代码

创建img文件里面放入两个图片

img 文件

htm 代码   

样式

style 代码

js部分

js 代码

1- 获取到要操作的属性  使用点击方法  

2- 设置flag变量

 当我们第一次点击图片时 密码框中的type值 为 text           flag 赋值为1            图片为       img/眼睛 (1).png

当我们第二次点击图片时 密码框中的type值 为 password  flag 赋值为0            图片为       img/眼睛.png

这样一个简简单单的模仿登录页面的密码显示隐藏 以及图片改变的小案例完成了......