码迷,mamicode.com
首页 > Web开发 > 详细

jquery 信息弹出后自动关闭

时间:2015-02-02 18:02:40      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:

<div style="background-color:#C9F" >
信息弹出后自动关闭
<br />
<input type="button" onclick="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>

jquery 信息弹出后自动关闭

标签:

原文地址:http://blog.csdn.net/yingying0708/article/details/43411899

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!