Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Выдвигающиеся меню 
:(
    Опции темы
SDEVIL
Дата 30.7.2007, 22:48 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 243
Регистрация: 30.10.2006

Репутация: нет
Всего: 1
Вообщем необходимо меню которое бы медленно выдвигалось когда появляется и потом так же медленно убиралось когда ненужно. Может кто подскажет?

Это сообщение отредактировал(а) SDEVIL - 30.7.2007, 22:48
--------------------
Подпись сбежала к другому юзверю....
PM MAIL   Вверх
SDEVIL
Дата 31.7.2007, 11:00 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 243
Регистрация: 30.10.2006

Репутация: нет
Всего: 1
Пример такого меню:http://spb.tele2.ru/517/Article.aspx

Это сообщение отредактировал(а) SDEVIL - 31.7.2007, 11:01
--------------------
Подпись сбежала к другому юзверю....
PM MAIL   Вверх
MisterCleric
Дата 31.7.2007, 14:00 (ссылка) | (голосов:1) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Завсегдатай
Сообщений: 1043
Регистрация: 16.2.2006
Где: Харьков, Украина

Репутация: нет
Всего: 38
И не надо говорить "необходимо", "надо"... Можно нарваться на неприятности от модераторов. 
Напиши что-нибудь, покажи, что ты умеешь программировать. А что не выйдет подскажем.
А если уж пишешь "необходимо меню" так и сумму указывай - за безплатно никто писать не будет


--------------------
ПРИШЕЛ, УВИДЕЛ - ПЕРЕПИСАЛ...
PM MAIL ICQ   Вверх
SDEVIL
Дата 31.7.2007, 16:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 243
Регистрация: 30.10.2006

Репутация: нет
Всего: 1
Цитата(MisterCleric @ 31.7.2007,  14:00)
И не надо говорить "необходимо", "надо"... Можно нарваться на неприятности от модераторов. 
Напиши что-нибудь, покажи, что ты умеешь программировать. А что не выйдет подскажем.
А если уж пишешь "необходимо меню" так и сумму указывай - за безплатно никто писать не будет

Спасибо за совет! я написал скрипт к менюшке которая постепенно исчезает, но хочу ее переделать чтобы получилось как я писал выше ссылку...

вот код моей менюшки: 

Код

<!--
var hint_prefix = "hint_";
var hint_mapping
var hint_transparency
var Timer
var timer_start = 0;
var timer_end = 30;
var transparency_unit = 2;
var flag_use = 0;

hint_alpha = new Array(3);
hint_alpha['IE'] = 100;
hint_alpha['NS'] = 1;
hint_alpha['OP'] = 1;

function help(hint_id, condition, flag_use){
    switch(condition){
        case 1:
            if(Timer != undefined){
                window.clearTimeout(Timer);
            }
            for(var i = 0; i < hint_name.length; i ++){
                document.getElementById(hint_name[i]).style.display = "none"; 
            }
            switch(navigator.appName){
                case "Microsoft Internet Explorer":
                    document.getElementById(hint_id).style.filter = "alpha(opacity=" + hint_alpha['IE'] + ")";
                    break;
                case "Netscape":
                    document.getElementById(hint_id).style.opacity = hint_alpha['NS'];
                    break;
                case "Opera":
                    document.getElementById(hint_id).style.opacity = hint_alpha['OP'];
                    break;
            }
            document.getElementById(hint_id).style.display = "block";
            break;
        case 0:
            hint_mapping = timer_start;
            switch(navigator.appName){
                case "Microsoft Internet Explorer":
                    hint_transparency = hint_alpha['IE'];
                    break;
                case "Netscape":
                    hint_transparency = hint_alpha['NS'];
                    break;
                case "Opera":
                    hint_transparency = hint_alpha['OP'];
                    break;
            }
            help(hint_id, -1, 0);
            break;
        case -1:
            if(hint_mapping == timer_start || hint_mapping < timer_end){ 
                if(flag_use == 0){
                    hint_mapping ++;
                    switch(navigator.appName){
                        case "Microsoft Internet Explorer":
                            hint_transparency -= transparency_unit;
                            document.getElementById(hint_id).style.filter = "alpha(opacity=" + hint_transparency + ")";
                            break;
                        case "Netscape":
                            hint_transparency -= transparency_unit / 100;
                            document.getElementById(hint_id).style.opacity = hint_transparency;
                            break;
                        case "Opera":
                            hint_transparency -= transparency_unit / 100;
                            document.getElementById(hint_id).style.opacity = hint_transparency;
                            break;
                    }
                    Timer = setTimeout("help('" + hint_id + "', -1, 0)", 100);
                }else{
                    switch(navigator.appName){
                        case "Microsoft Internet Explorer":
                            document.getElementById(hint_id).style.filter = "alpha(opacity=" + hint_alpha['IE'] + ")";
                            break;
                        case "Netscape":
                            document.getElementById(hint_id).style.opacity = hint_alpha['NS'];
                            break;
                        case "Opera":
                            document.getElementById(hint_id).style.opacity = hint_alpha['OP'];
                            break;
                    }
                    window.clearTimeout(Timer);
                }
            }else{
                document.getElementById(hint_id).style.display = "none";
                window.clearTimeout(Timer);
            }
            break;
        default:
            for(var i = 0; i < hint_name.length; i ++){
                document.getElementById(hint_name[i]).style.display = "none"; 
            }
            break;
    }
}
//-->


при наведении на ссылку:
Код

onMouseOver="help('sub_company', 1, 0);"


Код

onMouseOut="help('sub_company', 0, 0);"


при наведении на меню:
Код

onMouseOver="help('sub_company', -1, 1);"


Код

onMouseOut="help('sub_company', 0, 0);"

--------------------
Подпись сбежала к другому юзверю....
PM MAIL   Вверх
dXdYdZ
Дата 1.8.2007, 03:16 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 146
Регистрация: 16.4.2007

Репутация: 3
Всего: 4
Сейчас я пишу свою JavaScript - библиотеку компонентов. Эффекты уже написал. Написал и меню.  Скоро думаю выложить ссылку на этом форуме. С использованием готовых эффектов то, что вы описали Выше, совсем не сложно. 
А вообще для создания такого меню надо просто плавно менять высоту элемента (предварительно указав overflow). Делать это надо в функции, запускаемой через определённый промежуток времени (setInterval). После уменьшения высоты до минимума ставим style.display="none".
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0448 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.