js弹出提示信息并自动关闭

  1.   <script type="text/javascript" src="F:\javasoft\ajax\jquery\jquery-1.4.1.min.js"></script>  
  2.   <SCRIPT LANGUAGE="JavaScript">  
  3. //contetn为要显示的内容  
  4. //height为离窗口顶部的距离  
  5. //time为多少秒后关闭的时间,单位为秒  
  6. function showTips( content, height, time ){  
  7.     //窗口的宽度  
  8.   var windowWidth  = $(window).width();  
  9.   var tipsDiv = '<div class="tipsClass">' + content + '</div>';  
  10.    
  11.   $( 'body' ).append( tipsDiv );  
  12.   $( 'div.tipsClass' ).css({  
  13.       'top'       : height + 'px',  
  14.       'left'      : ( windowWidth / 2 ) - 350/2 + 'px',  
  15.       'position'  : 'absolute',  
  16.       'padding'   : '3px 5px',  
  17.       'background': '#8FBC8F',  
  18.       'font-size' : 12 + 'px',  
  19.       'margin'    : '0 auto',  
  20.       'text-align': 'center',  
  21.       'width'     : '350px',  
  22.       'height'    : 'auto',  
  23.       'color'     : '#fff',  
  24.       'opacity'   : '0.8'  
  25.   }).show();  
  26.   setTimeout( function(){$( 'div.tipsClass' ).fadeOut();}, ( time * 1000 ) );  
  27. }  
  28.   //调用该方法时:
  29.    showTips(response.msg,200,5);
  30.   </SCRIPT>  

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值