基于JQuery的浮动DIV显示提示信息并自动隐藏

/**
*浮动DIV定时显示提示信息,如操作成功,失败等
*@paramstringtips(提示的内容)
*@paramintheight显示的信息距离浏览器顶部的高度
*@paraminttime显示的时间(按秒算),time>0
*@sample<ahref="javascript:void(0);"onclick="showTips("操作成功",100,3);">点击</a>
*@sample上面代码表示点击后显示操作成功3秒钟,距离顶部100px
*@copyrightZhouHr2010-08-27
*/
functionshowTips(tips,height,time){
varwindowWidth=document.documentElement.clientWidth;
vartipsDiv="<divclass="tipsClass">"+tips+"</div>";

$("body").append(tipsDiv);
$("div.tipsClass").css({
"top":height+"px",
"left":(windowWidth/2)-(tips.length*13/2)+"px",
"position":"absolute",
"padding":"3px5px",
"background":"#8FBC8F",
"font-size":12+"px",
"margin":"0auto",
"text-align":"center",
"width":"auto",
"color":"#fff",
"opacity":"0.8"
}).show();
setTimeout(function(){$("div.tipsClass").fadeOut();},(time*1000));
}