css3响应式带显示隐藏密码的登录页面是今天整理出来滴,是一款兼容pc和移动端的响应式布局页面,非常适合用到手机html5+css3手机app页面,这次没有用jquery框架,用了一个类似jquery的javascript框架叫zepto的,体积只有24k多,比jquery小了3倍左右,我现在一般做移动端的页面都是用它,大家好好利用此作品哦。。。
核心功能代码如下:
$('.btn-off').on('click',function() {
if ($(this).hasClass('btn-on')) {
$(this).removeClass('btn-on');
$(this).prev().attr('type', 'password');
} else {
$(this).addClass('btn-on');
$(this).prev().attr('type', 'text');
}
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
css3 响应式布局 css3效果