Both jQuery mouseup() and mousedown() events are self-explanatory, to verify the mouse button is pressed or released.

Try it yourself

<html>
<head>
 
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
 
<style type="text/css">
	#mouseup, #mousedown{
		float:left;
		padding:8px;
		margin:8px;
		border:1px solid red;
		width:200px;
		height:150px;
		background-color:#999999;
	}
 
</style>
 
</head>
 
<body>
 
<h1>jQuery mouseup() and mousedown() examples</h1>
 
<div id="mouseup">
	<h3>mouseup</h3>
	 Fire when mouse over this element and released the mouse button.
</div>
 
<div id="mousedown">
	<h3>mousedown</h3>
	Fire when mouse over this element and pressed on the mouse button.
</div>
 
<script type="text/javascript">
 
$('#mouseup').mouseup(function(){
	$('#mouseup').slideUp();
});
 
$('#mousedown').mousedown(function(){
	$('#mousedown').fadeOut();
});
 
</script>
 
</body>
</html>
Try Demo
Note : You can find more similar articles at - jQuery Tutorials
You might also like this tutorials :
JAX-WS Tutorials
Spring Tutorials
Maven Tutorials
jQuery Tutorials
Spring MVC Tutorials