记住密码提示框

来源：互联网发布：女孩凉鞋淘宝编辑：程序博客网时间：2024/06/05 05:58
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head>    <meta charset="UTF-8">    <title>记住密码提示框</title>    <style>        #set {            margin: 0 auto;            width: 200px;        }        label {            font-size: small;        }        #tips {            font-size: 5px;            border: 1px solid orangered;            background: sandybrown;            padding: 4px 4px;            display: none;        }    </style>    <script>        window.onload = function() {            var aa=document.getElementById('tips');            var bb=document.getElementsByTagName('label')[0];            bb.onmouseover= function() {                aa.style.display='block';            } ;            bb.onmouseout= function() {                aa.style.display='none';            }        }    </script></head><body>    <div id="set">        <label><input type="checkbox" />两周内自动登陆</label>        <div id="tips">为了您的信息安全，请不要在网吧或公用电脑上使用此功能！</div>    </div></body></html>
效果图：当鼠标移动到选择框或其后面内容时，出现提示。
0 0