• 自动提示效果


    前阵子,IE的title提示突然罢工了,找了很多原因就是没找到,一次实验popup.show后,它居然会出来,可是要让title出来前每次都必须调用popup.show方法,这怎么行呢,估计还是注册表的问题吧,终于放弃,于是制作了这个简单的自动提示js文件。支持firefox&ie,也不会有自带的提示那种过一段时间消失的问题了。

    <html>
    <head>

    <title>tip</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

    </head>

    <body>
    <script>



    if(!document.attachEvent)
    {
        document.attachEvent 
    = function(){document.addEventListener(arguments[0].substr(2),arguments[1],arguments[2])}
    }


    document.attachEvent(
    "onmouseover",function(e)
    {
        
    var tip = "";

        
    if(typeof(event)=="undefined"){
            tip 
    = e.target.getAttribute("tips")
        }
    else{
            e    
    = event;
            tip 
    = e.srcElement.tips;
        }


        
        
    if(typeof(tip)!="undefined"&&tip.length>0)
        
    {
            
    var _tips = document.getElementById("myTip");
            
            
    if(typeof(_tips)=="undefined"||_tips == null)
            
    {
                _tips        
    = document.createElement("div");
                _tips.id    
    = "myTip";
                _tips.style.position        
    = "absolute";
                _tips.style.width            
    = "150px";
                _tips.style.borderWidth        
    = "1px";
                _tips.style.borderStyle        
    = "solid";
                _tips.style.borderColor        
    = "gray";
                _tips.style.fontSize        
    = "9pt";
                _tips.style.backgroundColor    
    = "#ffffff";
                _tips.style.color            
    = "#349045";

                
                _tips.style.filter            
    = "progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3)";
                _tips.style.padding            
    = "5px 8px 3px 8px";
                

                document.body.appendChild(_tips);            
                _tips.style.display            
    = "none";
            }


                _tips.style.display    
    = "";
                
                _tips.innerHTML        
    = tip;
                _tips.style.left 
    = document.body.scrollLeft+e.clientX+10
                _tips.style.top 
    = document.body.scrollTop+e.clientY+10
        }

    }

    );

    document.attachEvent('onmouseout',
    function(e)
    {   
        
    var _tips = document.getElementById("myTip");
        
    if(_tips!=null)
        
    {
            _tips.style.display
    ="none";
        }

    }

    )
    </script>

    <href="#" tips="自定义提示" >测试链接</a>
    <href="#" >测试链接</a>   
    <href="#" tips="中华人民共和国中华人民共和国自中华人民共和国中华人民共和国自定义提示中华人民共和国中华人民共和国自定义提示中华人民共和国中华人民共和国自定义提示定义提示">测试链接</a>   

    </body>
    </html>
    生活学习
  • 相关阅读:
    Centos7下部署两套python版本并存环境的操作记录
    JSON格式化输出和解析工具
    利用阿里云的源yum方式安装Mongodb
    Ansible配置及常用模块总结
    VMware/KVM/OpenStack虚拟化之网络模式总结
    Mac下通过VMware Fusion安装centos虚拟机操作记录
    Supervisor (进程管理利器) 使用说明
    zabbix中配置当memory剩余不足20%时触发报警
    分布式监控系统Zabbix-3.0.3--短信报警设置
    linux下用户操作记录审计环境的部署记录
  • 原文地址:https://www.cnblogs.com/ttyp/p/174714.html
Copyright © 2020-2023  润新知