<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div id="a" style="width:200pxheight:200pxbackground:#C03" onclick="aa()">点击此处后五秒消失</div>
<script>
function aa(){
setTimeout("hide()",5000) // 这个是主要参数，设置消失的时间
}
function hide(){
document.getElementById('a').style.display='none' //这个是操作DIV消失的命令
}
</script>
</body>
</html>
这是jquery/**
@comment item 为匹配的标签的jquery对象，t表示剩余时间
实现功能为10秒内，渐渐消失
@author tsotsi
@date 2014/07/06
*/
function tsotsi(item,t){
if(t>=0){
item.css({
filter:'alpha(opacity='+10*t+')', /* ie 有效*/
'-moz-opacity':0.1*t, /* Firefox 有效*/
opacity: 0.1*t /* 通用，其他浏览器 有效*/
})
setTimeout(tsotsi,500,item,t-0.5)
}
}
tsotsi($('#ll'),10)
