码迷,mamicode.com
首页 > Web开发 > 详细

js实现自动登陆的按钮

时间:2016-09-04 20:45:59      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

自动按钮,只要实现当移入是提示用户不要在公共地方使用自动登陆

主要用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>

效果

技术分享

技术分享

 

js实现自动登陆的按钮

标签:

原文地址:http://www.cnblogs.com/biyongyao/p/5840027.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!