细心的童鞋在新注册 Segmentfault 输入密码时,可能会留意到随着密码长度的变化,密码框的右边竟然有个小图像,而且图像中美女的衣服竟然慢慢地变没了(T_T 好邪恶!!)。
最开始是这样的:
然后,随着密码长度增长...
密码再长些的话:
奥秘:Naked Password 插件
当然,Segmentfualt 作为一个思想健康,内容积极向上的编程技术问答社区, 我们并不会让儿童不宜的事情发生的。
这里面的图像的变化效果其实是来自于一个有名的 jQuery 插件: Naked Password
它费劲苦心地想激励网站的注册者能使用一个更长更安全的密码,以保障账户安全。
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