zoukankan      html  css  js  c++  java
  • 提示框收藏

    /*提示信息*/
    function setTitle(e,text){
        var popup = document.createElement("div");
        document.body.appendChild(popup);
        var $pp = $(popup);
        $pp.css({opacity:0,'220px',position:'fixed',borderRadius:'2px 2px 2px 2px',fontSize:"90%",
                                    color:'#fff',background:"#000",padding:"10px",textAlign:"center",boxShadow:"0px 0px 5px #000"});
        
        /*居中显示*/
        var _top = window.innerHeight/2 -30 //screen.availHeight/2-30;
        var _left =window.innerWidth/2 -110 // screen.availWidth/2-110;
        popup.innerHTML = text;
        
        $pp.css({left:_left+"px",top:_top+"px"});
        $pp.animate({opacity:0.7},300,function(){
            
            /*提示5秒后关闭*/
            var sttimp = setTimeout(function(){
                $pp.animate({opacity:0},300,function(){
                    document.body.removeChild(popup);
                    if(e)e.focus();
                });
            },2000);
            $pp.click(function(event){
                clearTimeout(sttimp);
                document.body.removeChild(popup);
                    if(e)e.focus();
            });
        });
    };

  • 相关阅读:
    查看资源加载各环节具体耗时的利器
    WebStorm 格式化代码快捷键
    Android 如何使edittext默认失去焦点
    html语义化练习易牛课堂代码
    html网页练习豆瓣网
    HTML前期学习总结
    视频课阶段基础知识总结
    MQ、JMS 关系的理解
    Jvm参数配置
    Java泛型
  • 原文地址:https://www.cnblogs.com/wwqianduan/p/3494373.html
Copyright © 2011-2022 走看看