|
|
|
| Мне надо что бы при наведении мыши на допустим рисунок
медленно выводилось меню как по теме http://softtime.ru/forum/read.php?id_forum=4&id_theme=1138.
Только с правой стороны , и зыкрывалось как только уберешь мышь с меню.
Кто может помочь? Да не просто помочь а еще и обьяснить...
То что по ссылке я смог переделать только на появление справа. | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: Crux
(16.01.2005 в 11:31)
| | Видать чайник =/ | |
|
|
|
|
|
|
|
для: 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>
|
| |
|
|
|
|
|
|
|
для: sancho
(17.01.2005 в 09:21)
| | не про меня видать JavaScript решил что я что без такого меню буду. Сделаю на php его.
Да спасибо за скрипт ;) | |
|
|
|