xpages 右下角弹出窗口

  最近使用到在xpages(如果想在form中使用一类似的,本质就是html的js,css功能)的右下角弹出个窗口，类似网上很多教程，但不有些不合适，把一个源码更改了，具体在哪个网页的源码不记得了，修改能自动关闭的,其它配色自己更改

1)先要引用jquery,这里不再提示,看以前教程

<style>

        .tanchuDiv1{

            z-index: 100;

            position: fixed;

            display: none;

            bottom: 5px;

            right: 5px;

            overflow: hidden;

            background-color: rgb(229,93, 64);

            }

          .tanchuDiv1 > span {

               color: #fff;

               cursor: pointer;

               padding: 02.8px;

               position:absolute;

               right: 1px;

               top: 1px;

           }

    </style>

   

<div class="tanchuDiv1">

    <span id="divBtnClose">X</span>

</div>

<script type="text/javascript">
$.fn.extend({
        Show :function(weight,height,btnCloseId,autoclose,secodetime){
        //其中weight是要弹出窗口的宽度，height是要弹出窗口的高度，btnCloseId是关闭窗口的id
          $(this).css("width",weight+"px").css("height",height+"px");//设置消息框的大小
           $(this).slideDown(2000);//弹出
         
            $('#'+btnCloseId).click(
                function()
                {
                   $(this).parent().slideUp(2000);
                }
            );
           
            //指导时间内自动关闭
            if(autoclose){
              setTimeout(function() {
                  $('#'+btnCloseId).click();
              }, secodetime*1000);
 
            }
        }
        });
 
 
    //加载事件
        $(window).load(function() {
             $(".tanchuDiv1").Show('350','250','divBtnClose',true,5);
        });
  </script>