<!– The JavaScript –>
<script type=”text/javascript” src=”js/jquery.min.js”></script>
<script type=”text/javascript”>
$(function() {
$(‘#col img’).hover(
function(){
var $this = $(this);
$this.stop().animate({‘opacity’:’1.0′,’height’:’200px’,’top’:’0px’,’left’:’0px’});
},
function(){
var $this = $(this);
$this.stop().animate({‘opacity’:’0.5′,’height’:’500px’,’top’:’-66.5px’,’left’:’-150px’});
}
);
});
</script>
<body>
<div id=”col”>
<div class=”pic”>
<a href=”#”>
<img src=”Images/1.jpg”/>
</a>
</div>
<div class=”pic”>
<a href=”#”>
<img src=”Images/2.jpg”/>
</a>
</div>
<div class=”pic”>
<a href=”#”>
<img src=”Images/3.jpg”/>
</a>
</div>
<div class=”pic”>
<a href=”#”>
<img src=”Images/4.jpg”/>
</a>
</div>
<div class=”pic”>
<a href=”#”>
<img src=”Images/5.jpg”/>
</a>
</div>
<div class=”pic”>
<a href=”#”>
<img src=”Images/6.jpg”/>
</a>
</div>
</div>
</body>
</html>
