Показать сообщение отдельно
  #10 (permalink)  
Старый 17.05.2014, 15:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,134

Сообщение от olegG
фон сразу выпадает, при наведении мышки, а те ссылки, что там должны быть, через время.
1.у вас срабатывает hover из css
2.в коде моего скрипта одни селекторы и у вас в html совершенно другие

непонимание таких деталей, говорит о том что вы совершенно не готовы
код ниже под ваш html, но думаю он вас не спасёт - дорабатывайте css сами.
... ни ваших средств ни знаний недостаточно.

<!DOCTYPE HTML>
<html>
  <head>
  <meta charset="utf-8">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>
  	$(function()
  	  {
  	    $('.wrapper a ~').hide();
  	    $('.wrapper ul li').hover(
  	      function() {
  	        $('a ~', this).delay(5000).slideDown();
  	      },
  	      function() {
  	        $('a ~', this).stop(true, true).slideUp();
  	      }
  	    );
  	  }
  	);
  </script>

  </head>
  <body>
<div class="wrapper">
<ul id="menu">
<li style="padding: 21px 15px 21px 15px;"><a href="http://javascript.ru" class="drop">Главная</a>
<div class="dropdown_4columns">
<div class="col_1">
<a href="http://javascript.ru" class="footerm12">подменю</a>
<ul>
<li><a href="http://javascript.ru">ссылка</a></li>
<li><a href="http://javascript.ru">ссылка</a></li>
<li><a href="http://javascript.ru">ссылка</a></li>
  <img style="margin: 5px 0px 12px 5px" src="img2.gif">
</ul>
</div>
</div>
</li>
</ul>
</div>
</body>
</html>

Последний раз редактировалось рони, 18.05.2014 в 18:52.
Ответить с цитированием