Показать сообщение отдельно
  #5 (permalink)  
Старый 17.07.2012, 19:12
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

<script type="text/javascript" src="http://yandex.st/jquery/1.4.4/jquery.min.js"></script>

<table width="100%" border="0" class="catalog">
    <tr valign=top>
	<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Самосвалы" /><p>Самосвалы </p><ul><li>MAN</li><li>MAZ</li></ul>
</td>
	<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Укладчики" /><p>Укладчики </p><ul><li>MAN</li></ul>
</td>
	<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Катки"/><p>Катки</p><ul><li>MAN</li></ul>
</td>
	<td><img src="http://s1.uploads.ru/i/d28Cu.gif" alt="Тягач" /><p>Тягачи</p><ul><li>MAN</li></ul>
</td>
    </tr>
</table>
<style type="text/css">
.catalog  td > ul{
  display:none;
  position:absolute;
  z-index:2;
  border:2px solid #F1F2EE;
  padding:4px;
}
</style>
<script type="text/javascript">
$(document).ready(function($) {    
        
                $('.catalog tr td img').mouseenter(function() {
                $(this).parent().find('ul').slideDown();

                }).mouseleave(function() {
                $(this).parent().find('ul').slideUp();
                });
});
</script>
Ответить с цитированием