平常,我们在设计网页的时候
想要有个在线服务的弹跳窗口
便设计一个弹跳窗口,
但是许多时候,由于我们只想要昙花一现的效果,
不让顾客厌恶弹跳窗口。
所以,jquery信息弹跳出后自动关闭
可以参考以下代码
<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>
信息弹出后自动关闭
<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>