<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>jQuery</title>
<script src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#button").click(function(){
$("#fone").
<!--begin!-->
show().
<!--end!-->
animate({opacity:"0.3"},"slow");
});
});
</script>
<style>
#fone {
position:absolute;
width:100%;
height:100%;
left:0px;
top:0px;
background-color:#333;
<!--begin!-->
display:none;
<!--end!-->
}
body {
background-color:#FFF;
}
</style>
</head>
<body>
<div id="fone"></div>
<button id="button">OK</button>
</body>
</html>