JQuery 使用 slideUp 做淡入淡出
<head>
<script language="javascript" src="jquery.js"></script>
<script language="javascript">
$(document).ready(function(){
$('.upd-fade').click(function(){
$("#updbox").slideDown(500).delay(800).fadeIn(400);
$("#updbox").slideUp(500);
});
});
</script>
<style type="text/css">
<!--
#updbox {
position:absolute;
width:271px;
height:43px;
z-index:1;
left: 426px;
top: 0px;
background-color: #FBE0AE;
text-align: center;
}
-->
</style>
</head>
<body>
<a href="#" class="upd-fade">更新資料庫</a>
<div id="updbox" style="display:none">更新成功！</div>
</body>
</html>
沒有留言:
張貼留言