Есть такой код:
<html>
<head>
<title>Untitled Page</title>
<script type="text/javascript" src="jquery-1.4.2.js"></script>
<script type="text/javascript" src="jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){
$('#qq').draggable({ containment: 'parent' });
})
</script>
</head>
<body>
<div style="width:500px;height:500px;background-color:Aqua">
<div id='qq' style="width:50px;height:50px; background-color:Gray">OOOO
</div>
</div>
</body>
</html>
Как можно div 'qq' перетаскивать так, чтобы div 'qq' был видим только в родительском окне? При этом, чтобы его можно было на половину, например, сдвинуть за границы родительского дива и div 'qq' отображался бы только на половину. Т.е. хочу сделать так, чтобы родительский элемент стал как бы маской для div 'qq'.