自创类似于吐司效果的提示框功能，可以设置提示消息和延迟时间，超给力~

最新推荐文章于 2022-10-25 15:35:02 发布

weixin_34408717

最新推荐文章于 2022-10-25 15:35:02 发布

阅读量323

点赞数

文章标签： python c# javascript ViewUI

原文链接：https://my.oschina.net/jsonavaj/blog/62634

版权

2019独角兽企业重金招聘Python工程师标准>>>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script src='f:/study/jquery.js'></script>
<script>
//吐丝效果的信息提示功能
   $.showtip=function(msg,delay){

    $("#tip").empty().remove();
   var style='position: absolute;border: 1px solid #cdcdcd; background-color: #ababab; font-size:14px; font-weight:bold;text-align:center;vertical-align:middle;padding:10px 20px 10px 20px;z-index:1000;color:#fff;display:none;'
    var tipdiv="<div id='tip' class='tip' style='"+style+"' > "+msg+" </div>";
    $("body").append(tipdiv);
    // document.getElementById("tip").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("tip").offsetHeight)/2)+"px";

     //document.getElementById("tip").style.left=(document.documentElement.scrollLeft+(document.documentElement.clientWidth-document.getElementById("tip").offsetWidth)/2)+"px";

    $("#tip").css('top',($(document).scrollTop()+($(window).height()-$("#tip").height())/2))
     $("#tip").css('left',($(document).scrollLeft()+($(window).width()-$("#tip").width())/2))
     $("#tip").show();
     setTimeout(function(){ $("#tip").hide()},delay);

      } ;

      $(function(){

                    $("#d").click(function(){
     $.showtip('你好',1000);
     });


      });