jquery 信息弹出后自动关闭

最新推荐文章于 2023-01-09 15:40:14 发布

yingying0708

最新推荐文章于 2023-01-09 15:40:14 发布

阅读量5.2k

点赞数

分类专栏：知识收集

本文链接：https://blog.csdn.net/yingying0708/article/details/43411899

版权

知识收集专栏收录该内容

181 篇文章 0 订阅

订阅专栏

<div style="background-color:#C9F" >
信息弹出后自动关闭
<br />
<input type="button" οnclick="divFadeAlert()" value="info" />
<input type="hidden" id="hidvalue" value="保存成功！" />
<script type="text/javascript" language="javascript">
function divFadeAlert()
{
   var hidvalue_str=$('#hidvalue').val();
   var divWidth=100;
   var divHeight=100;
   var iLeft=($(window).width()-divWidth)/2;
   var iTop=($(window).height()-divHeight)/2+$(document).scrollTop();
   var divhtml=$("<div>"+hidvalue_str+"</div>").css({position:'absolute',top:iTop+'px',left:iLeft+'px',display:'none',width:divWidth+'px',height:divHeight+'px'});
   divhtml.appendTo('body').fadeIn();
   divhtml.appendTo('body').fadeOut(3000);
}
</script>
</div>