![]()
有朋友说联通网站的登录是这样的，不过我这里Firefox、IE都无法看到效果。看不到也能模仿。
-
<!doctype html>
-
<html>
-
<head>
-
<meta charset="utf-8">
-
<title>无标题文档</title>
-
<!-- 新 Bootstrap 核心 CSS 文件 -->
-
<link rel="stylesheet" href="">
-
<!-- 可选的Bootstrap主题文件（一般不用引入） -->
-
<link rel="stylesheet" href="">
-
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
-
<script src=""></script>
-
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
-
<script src=""></script>
-
</head>
-
<body>
-
<form class="form-horizontal" role="form">
-
<div class="form-group has-feedback">
-
<label class="control-label col-sm-2" for="inputSuccess3">Input with success</label>
-
<div class="col-sm-4">
-
<input type="password" class="form-control" name="password">
-
<span class="glyphicon glyphicon-eye-open form-control-feedback btn_1"></span>
-
</div>
-
</div>
-
</form>
-
-
<script>
-
$(document).ready(function(){
-
$(document).on('mouseenter','.btn_1',function(){
-
$('input[name="password"]').attr('type','text');
-
});
-
$(document).on('mouseleave','.btn_1',function(){
-
$('input[name="password"]').attr('type','password');
-
});
-
});
-
</script>
-
</body>
-
</html>
阅读(277) | 评论(0) | 转发(0) |
