首页 > Web开发 > 详细

jquery 信息弹出后自动关闭

时间:2015-02-02 18:01:06      阅读:229      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!