увеличение картинок при наведении курсора
html-низ
Код:
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.menuitem img').animate({width: 100}, 0);
$('.menuitem').mouseover(function(){
; gridimage = $(this).find('img');
gridimage.stop().animate({width: 200}, 150);
}).mouseout(function(){
gridimage.stop().animate({width: 100}, 150);
});
});
</script>верх
Код:
<style type="text/css">
img {
border: none;
}
#menuwrapper{
left: 20%;
position: relative;
height: 210px;
}
#menu{
position: absolute;
bottom: 0px;
left: 0px;
}
.menuitem {
position: fixed relative;
bottom: 0px;
display: inline-block;
}
</style>изображение
Код:
<div id="menuwrapper"> <div id="menu"> <a href="http://" class="menuitem"><img src="URL"></a> <a href="http://" class="menuitem"><img src="URL"></a> <a href="http://" class="menuitem"><img src="URL"></a> <a href="http://" class="menuitem"><img src="URL"></a> </div> </div>
