Jump to content

Umberto

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by Umberto

  1. Не, ну блин, люди, вы даете. Мне нужны. Я ж не пришел спросить нужны ли они, я спросил пример как сделать. Если так смареть, то зачем оформление, или AJAX? Кому оно надо.
  2. на каскадных стилях я такое меню напишу на 5 минут. но только не будет эффектов - разворота или появления, собсно вот пример _ttp://aplus.rs/adxmenu/examples/hbt/ который написан на CSS. Я же ищу как приминить к нему эффекты разворота или затухания..
  3. Задача: Элементы меню должны разворачиваться не вниз как обычно, а вверх. Тоесть, есть элемент, при наведении на который происходит разворачивание блока элементов вверх. Неважно как и каких, будь-то <ul><li></li><ul> или таблица, или DIV. неважно. И не существенно какой коммандой: .animate или .slideUp просто сам факт. Есть много примеров, где то или иное, в той или иной форме присутствует, но никак не могу в голове собрать воедино. Обычное дроп-даун меню _ttp://anton.shevchuk.name/wp-demo/jquery-tutorials-2/drop-down.html А вот пример как надо _ttp://anton.shevchuk.name/wp-demo/jquery-tutorials/animated-hover2.html только вот вместо <em></em> так и не смог засунуть нужную конструкцию так, чтоб при наведении курсором на появившееся меню она не исчезла. Смог с этим примером _ttp://anton.shevchuk.name/wp-demo/jquery-tutorials/animated-hover1.html там я засунул в <em> то что мне надо, но так и не понял механизм из примера animated-hover2 почему при наведении оно не пропадает. Описывал другой пример тут http://forum.htmlbook.ru/index.php?showtopic=11823 но глухо. Вобщем, хоть пример скрипта, хоть строчку черканите..
  4. Задача: Сделать меню, разворачивающиеся не вниз, а вверх, и при этом, элемент управления должен распологаться отдельно от, скажем, DIV'а который будет появляться, тоесть в другой части кода, но при этом в расстоянии 0px от появившегося DIV'а. Тоесть при сведении курсора с элемента управления на развернувшийся слой, он, слой не свернется, пока на нем курсор. На CSS я бы описал это за 2 минуты, но хочу покрасивше, с разворачиванием. Написал на столько, на сколько знаю jQ, и не правильно, но принцип работы ясен. Если можете поправить - буду безмерно счастлив <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Help ME...</title> <script type="text/javascript" src="123/jquery.js"></script> <style type="text/css"> body { margin: 0 auto; padding: 0; width: 520px; font: 75%/120% Arial, Helvetica, sans-serif; } .panel { background: #ccc; height: 75px; display: none; } .btn-slide2 { background-color:#000000; text-align: center; width: 150px; height: 30px; padding: 10px 10px 0 0; margin: 0 auto; display: block; font: bold 120%/100% Arial, Helvetica, sans-serif; color: #fff; text-decoration: none; } </style></head> <body> <table width="600" height="300px" bgcolor="#666666" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="bottom"> <div class="panel" id="panel2">Some Content</div> </td> </tr> </table> <a href="#" class="btn-slide2">Меню</a> <script type="text/javascript"> $(document).ready(function(){ $(".btn-slide2").hover( function() { $("#panel2").slideDown("slow"); }, function() { $("#panel2").slideUp("slow"); } ); $("#panel2").hover( function() { $(this).slideDown("slow"); }, function() { $(this).slideUp("slow"); } ); }); </script> </body> </html> Дальше я уже сам опишу остальные элементы меню, помогите со скриптом..
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy