弹跳问题

来源：互联网发布：淘宝联盟不能和红包编辑：程序博客网时间：2024/04/29 01:57

平常，我们在设计网页的时候

想要有个在线服务的弹跳窗口

便设计一个弹跳窗口，

但是许多时候，由于我们只想要昙花一现的效果，

不让顾客厌恶弹跳窗口。

所以，jquery信息弹跳出后自动关闭

可以参考以下代码

<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>

0 0