这里面的图像的变化效果其实是来自于一个有名的 jQuery 插件: Naked Password
它费劲苦心地想激励网站的注册者能使用一个更长更安全的密码,以保障账户安全。
Naked Password 的用法非常简单,你只需要在你的密码属性后面加上 nakedPassword();
$("input:password").nakedPassword();
Naked Password 自带了两套小图像(男人和女人),这两套图像可以通过 sex 变量方便地设置:
$("input:password").nakedPassword({sex:"f"}); $("input:password").nakedPassword({sex:"m"});
Naked Password 默认是图像是存放在公开读取的"images/"下,你可以通过下面改变图像的路径:
$("input:password").nakedPassword({path:"/new_image_path/"});
更多的想法和建议可以到 Github 上直接和项目作者交流: Github 项目地址:https://github.com/platform45/nakedpassword