标签:
自动按钮,只要实现当移入是提示用户不要在公共地方使用自动登陆
主要用onmouseover函数,本来提示div隐藏,当移入时div显示。
<style type="text/css"> body,input,p{margin:0;padding:0px;} body{font-size:12px;line-height:22px;font-family:tahoma;} #content{margin:10px auto;width:170px;} input {margin-right:5px;vertical-align:middle;} #tips{display:none;margin:5px;padding:5px;border:1px #f90 solid;background:#ffefad;} #tips2{display:none;margin:5px;padding:5px;border:1px #f90 solid;background:#ffefad;} </style> <div id="content"> <label><input type="checkbox" />自动登陆</label> <div id="tips">为了你的安全,请不要在网吧或公共电脑使用该功能 </div> <div id="tips2"> 你已勾选自动登陆。 </div> </div>
js部分代码
<script> window.onload =function() { var obj= { tips:document.getElementById("tips"), lb:document.getElementsByTagName("label")[0], ip:document.getElementsByTagName("input")[0], div1:document.getElementById("tips2") }; obj.lb.onmouseover=function(){ obj.tips.style.display="block"; } obj.lb.onmouseout=function(){ obj.tips.style.cssText="display:none;"; } obj.ip.onchange=function(){ this.checked?obj.div1.style.display="block":obj.div1.style.display="none"; } } </script>
效果
标签:
原文地址:http://www.cnblogs.com/biyongyao/p/5840027.html