教程集 > jQuery > jquery 教程 > 正文 js实现checkbox记住密码提示框效果

js实现checkbox记住密码提示框效果

发布时间：2023-12-19 编辑：jiaochengji.com

教程集为您提供js实现checkbox记住密码提示框效果等资源，欢迎您收藏本站，我们将为您提供最新的js实现checkbox记住密码提示框效果资源

要实现的效果是当我们指上checkbox复选框时我们会看到有一个tips提示效果，利用记住密码提示框效果来介绍具体的操作步骤。

提示：您可以先修改部分代码再运行

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml">  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  <title>记住密码提示框</title>  <style>  body,input,p{margin:0;padding:0;}  body{font:12px/1.5 Tahoma;}  #outer{width:200px;margin:10px auto;}  input{margin-right:5px;vertical-align:middle;}  #tips{padding:5px;margin-top:5px;background:#ffefa4;border:1px solid #f90;display:none;}  </style>  <script>  window.onload = function ()  {  	var oTips = document.getElementById("tips");  	var oLabel = document.getElementsByTagName("label")[0];	  	oLabel.onmouseover = function ()  	{  		oTips.style.display = "block"  	};  	oLabel.onmouseout = function ()  	{  		oTips.style.display = "none"	  	}  }  </script>  </head>  <body>  <div id="outer">  	<label><input type="checkbox" />两周内自动登陆</label>      <div id="tips">为了您的信息安全，请不要在网吧或公用电脑上使用此功能！</div>  </div>  </body>  </html></td>  	  </tr>  	</table>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
js实现checkbox记住密码提示框效果
 jquerymobile checkbox及时刷新才能获取其准确值
 jquery checkbox复选框是否选中的检测代码
 JS动态判断radio是否选中的方法
 Js实例:复选框(checkbox)类似单选按钮(radio)的效果
 JS验证radio和checkbox是否选中
 html5web存储实例代码
 复选框全选、全不选和反选的效果实现
 jquery判断checkbox是否选中的代码参考
 php cookie实现记住用户名与密码的代码(图文)

上一篇：js放大镜下一篇：带缓动效果返回顶部JS特效代码

[关闭]

js实现checkbox记住密码提示框效果

最近更新

浏览排行