Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Плавное меню
 
 автор: Akira   (16.01.2005 в 01:28)   письмо автору
 
 

Мне надо что бы при наведении мыши на допустим рисунок
медленно выводилось меню как по теме http://softtime.ru/forum/read.php?id_forum=4&id_theme=1138.
Только с правой стороны , и зыкрывалось как только уберешь мышь с меню.
Кто может помочь? Да не просто помочь а еще и обьяснить...
То что по ссылке я смог переделать только на появление справа.

   
 
 автор: Crux   (16.01.2005 в 11:31)   письмо автору
 
   для: Akira   (16.01.2005 в 01:28)
 

>>и зыкрывалось как только уберешь мышь с меню
для этого нужно использовать onmouseout()

если брать за основу тему http://softtime.ru/forum/read.php?id_forum=4&id_theme=1138, то onmouseout() нужно пропистать в тэг DIV
например:
<div id="Layer1" style="position:absolute; top:4px; left:-50px; width:50px; height:44px; z-index:1" onmouseout="Layer_Close()">Меню1</div>

   
 
 автор: Akira   (16.01.2005 в 22:39)   письмо автору
 
   для: Crux   (16.01.2005 в 11:31)
 

Видать чайник =/

   
 
 автор: sancho   (17.01.2005 в 09:21)   письмо автору
 
   для: Akira   (16.01.2005 в 22:39)
 

Попробуйте вот так:

<html>
<head>
    <script language="JavaScript">
    //for slidemenubar
    function pull(){
        if (window.drawit)
            clearInterval(drawit);
        pullit=setInterval("pullengine()",5)
    }
        
    function draw(){
        clearInterval(pullit)
        drawit=setInterval("drawengine()",50)
    }
        
    function pullengine(){
        if (themenu.pixelLeft<rightboundary)
            themenu.pixelLeft+=5;
            else if (window.pullit)
                clearInterval(pullit);
    }
        
    function drawengine(){
    if (themenu.pixelLeft>leftboundary)
        themenu.pixelLeft-=5
        else if (window.drawit)
            clearInterval(drawit)
    }
</script>

<style>
#slidemenubar{
    z-index:1;
    position:absolute;
    height:32px; 
    width:160px;
    top:0px;
    }
</style>
</head>

<body>
 <div id="slidemenubar" style="left:-150px;" onMouseover="pull()" onMouseout="draw()">
     <div id="div_b1" style="z-index:1; position:absolute; top:2px; left:5px; border: thin outset; cursor:hand;"><img onmousedown="div_b1.style.border='thin inset';" onmouseup="div_b1.style.border='thin outset';" ></div>
    <div id="div_b2" style="z-index:1; position:absolute; top:2px; left:35px; border: thin outset; cursor:hand;"><img  onmousedown="div_b2.style.border='thin inset';" onmouseup="div_b2.style.border='thin outset';" ></div>
    <div id="div_b3" style="z-index:1; position:absolute; top:2px; left:65px; border: thin outset; cursor:hand;"><img  onmousedown="div_b3.style.border='thin inset';" onmouseup="div_b3.style.border='thin outset';" ></div>
    <div id="div_b4" style="z-index:1; position:absolute; top:2px; left:95px; border: thin outset; cursor:hand;"><img  onmousedown="div_b4.style.border='thin inset';" onmouseup="div_b4.style.border='thin outset';" ></div>
    <div id="div_b5" style="z-index:1; position:absolute; top:2px; left:125px; border: thin outset; cursor:hand;"><img  onmousedown="div_b5.style.border='thin inset';" onmouseup="div_b5.style.border='thin outset';" ></div>
    <div id="div_b6" style="z-index:1; position:absolute; top:5px; left:155px; border: none; cursor:hand;"> <img  ></div>
 </div>
 <script language="JavaScript">
    themenu=document.all.slidemenubar.style;
    rightboundary=0;
    leftboundary=-150;
 </script>
</body>
</html>

   
 
 автор: Akira   (18.01.2005 в 16:49)   письмо автору
 
   для: sancho   (17.01.2005 в 09:21)
 

не про меня видать JavaScript решил что я что без такого меню буду. Сделаю на php его.
Да спасибо за скрипт ;)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования