<script src="http://hibycocuk.hi.funpic.org/HiBycocuq/jquery.js"></script>
<script>
$(document).ready(function(){
$('.resim').mouseover(function(){
$(this).animate({top:"5px"},100)
})
$('.resim').mouseout(function(){
$(this).animate({top:"20px"},100)
})
});
</script>
</head>
<style>
img{
position:relative; left:4px; top:20px; border:none;
}
#dis{
width:40px; height:40px; overflow:hidden; position:relative; float:left;
}
</style>
<body>
<div id="kutu" style="border-bottom:1px solid #999; height:40px; width:240px;" >
<div id="dis">
<a href="http://www.facebook.com/share.php?u=http://www.omurtesi.com" target="_blank"><img class="resim" src="http://img.webme.com/pic/h/hibycocuk/facebookss.png" /></a>
</div>
<div id="dis">
<a href='#' target="_blank"><img class="resim" src="http://img.webme.com/pic/h/hibycocuk/myspacess.png" /></a>
</div>
<div id="dis">
<a href="#" target="_blank"><img class="resim" src="http://img.webme.com/pic/h/hibycocuk/friendfeedsssss.png" /></a>
</div>
<div id="dis">
<a href="#" target="_blank"><img class="resim" src="http://img.webme.com/pic/h/hibycocuk/twitterss.png" /></a>
</div>
<div id="dis">
<a href="#" target="_blank"><img class="resim" src="http://img.webme.com/pic/h/hibycocuk/googless.png" /></a>
</div>
<div id="dis">
<a href="#" target="_blank"><img class="resim" src="http://img.webme.com/pic/h/hibycocuk/bloggerss.png" /></a>
</div>
</div>
</body>
</html>
